html知识总结(三)

表单

textarea控件,标记<textarea></textarea>

属性:1name,定义名称,提交给服务器使用

2cols,指定文本域的行数,变相指定宽

3rows,指定文本域的行数,变相指定高

4readonly(无属性值),只读

 

选项框

1标记<select></select>,表示下拉列表,或滚动列表

<option></option>,表示列表中的内容,允许出现多个

2属性<select>

1name:控件名称

2size:默认显示选项的数量,默认为1,为下拉列表,如果>1,则为滚动列表

3multiple:设置多选,(无属性值)

 

<option>属性

1value:选项的值,提交给服务器

2selected:默认被选中

5其他标记:

1label元素

作用:关联文本与表单控件

点击文本就如同点击表单控件一样

标记:<label>文本</label>

属性:for,指定要关联的表单控件的ID值

2为表单控件分组

<fieldset>

<legend>分组标题</legend>

分组中的内容

</fieldset>

3浮动框架

1作用

将其他页面导入到当前页面中来,

标记:<iframe></iframe>

属性:1src,要引入页面的url

2frameborder,指定浮动框架的边框,默认为1,则显示边框,不需要边框,设置为0

3width

4height

 

新input元素(html5)

1电子邮件类型

作用提交会验证数据是否符合email规范

标记:<input type=”email”>

2搜索类型

在文本框的基础上,提供了快速清除

标记<input type=”search”>

3url类型,作用提交时会验证数据是否符合web站点的url规范

标记:<input type=”url”>

4电话号码类型

作用在移动端设备中能展开拨号键盘,pc端无效

标记:<input type=”tel”>

5数字类型

只能让用户输入或选择数字

标记:<input type=”number”>

属性:1min,当前控件接受的最小值

2max:当前控件接受的最大值

3step:微调数字,每次变化的长度,默认为1

6范围类型

作用:提供一个滑块,让用户选择数字

标记:<input type=”range”>

属性:1min,2max,3value:初始值

7颜色类型:作用提供一个颜色拾取控件

<input type=”color”>

8日期类型

提供一个日期输入控件

<input type=”date”>

9周类型

提供一个日期控件,用于选取周

<input type=”week”>

10月份类型

提供一个日期控件,用于选取月份

<input type=”month”>

 

 

猜你喜欢

转载自blog.csdn.net/weixin_41811118/article/details/84631086