表单
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”>