初试前端html笔记三

最近好几天没写博客了,主要是在练车,真的好累,自己黑的发亮了,终于皇天不负有心人,考完科三,成功考过,美滋滋。相信任何的努力都是有一定的回报的。

下面介绍表单

表单用于收集数据等,主要用于动态界面,也就是和后端的互动,当然学习html只需要将效果做出来就好了,不需要进行数据的处理。

下面介绍表单标签

Form’标签

<form>

      //各种表单标签  

         

      </form>

Form标签属性

表单名称 name

提交方式 method

提交地址 action

打开方式 target

编码方式 enctype

Input标签

<form>

      <input type="属性 " />

         

      </form>

Input标签的type取值

单行文本框 text

单行文本框属性

设置文本框的默认值,默认情况下文本框显示的文字 value

设置文本框的长度 size

设置文本框中最多可以输入的字符数 maxlength

学生姓名:<input type="text" />

 

密码文本框 password

进行输入密码

密码文本框常用属性

设置文本框的默认值,默认情况下文本框显示的文字 value

设置文本框的长度 size

设置文本框中最多可以输入的字符数 maxlength

学生姓名:<input type="text" />

          <br />

          账号密码:<input type="password" />

 

 

其中可以看到密码框形状格式和单行文本框都一样,但是输入时是不现实的

单选框 radio

圆形选项

不要忽略name属性

<input type="radio"  name="" value="选项"/>

当没有加上name属性的时候,预览是一样的,但是可以多选,几项都可以选上

但是当加上相同name属性的时候只可以选一项
同一组必须加上name属性,才可以只选一项

 

<input type="radio"  name="pet" value=""/>

<input type="radio"  name="pet" value=""/>

那么属性名字都是pet 所以只能选一项

 

多选框 checkbox

就是方框选项

<input type="checkbox"  name="" value="选项"/>

按钮 button或者submit或者reset

 

就是这种方框

普通按钮 button

<input type="button" value="按钮上的选项" />

 

提交按钮 submit

一般提交按钮是给服务器提交数据

<input type=" submit" value="按钮上的选项" />

 

重置按钮 reset

一般是用来清楚用户输入在表单上的内容

<input type=" reset " value="按钮上的选项" />

要注意的是重置按钮只能清除它所在form上的内容

 

 

这三种按钮虽然外观上差不多,但是实际功能是不一样的

 

文件上传 file

文件上传,像QQ邮箱上的上传附件

<input type=" file " />

但是需要配合后端技术

 

多行文本框

<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>

 

<form method="post">

         

          讲述自己:<br />

          <textarea rows="5" cols="10">介绍一下自己吧</textarea>

         

      </form>

一般多行文本框不使用input标签而是使用textarea标签

 

下拉列表

下拉列表由select和option两个标签来进行配合表示

具体形式:

<select>

         

          <option>内容2</option>

          <option>内容3</option>

          <option>内容4</option>

         

      </select>

 

选项 2 3 4进行展开,当然预览效果你们应该见过这种形式的

 

 

属性

设置下拉列表可以选择多项 multip

设置下拉列表显示几个列表项,取值为整数 size

 

Option标签属性

是否选中 selected

选项值  value

对于value就不多说了

几乎所有的表单都有value属性,这个是供JavaScript使用的

 

 

框架

Iframe标签

<iframe src="链接地址" width="宽度" height="高度"></iframe>

 

这三个属性是必选的

 

至于还有一些书上的framese frame 等等已经在HTML5标准中被放弃了

至于嵌入多个页面,也就是实现俩个嵌入

 

HTML初学博客就在这结束了,暑假放弃了一些打王者吃鸡的时间,但是还是很高兴,经常有些人说HTML很简单,简单是简单,都能看懂,但是当实际操作到一定地步时,前往精通的路还是挺难的,接下来自己还是会持续更新css与JavaScript的博客,喜欢的可以关注一下,一起学习,菜鸟互啄,嘿嘿嘿

おすすめ

転載: blog.csdn.net/qq_20017379/article/details/81450217