本文摘自PHP中文网,作者青灯夜游,侵删。
html表单标记:“<form>”、“<input>”、“<textarea>”、“<label>”、“<fieldset>”、“<legend>”、“<select>”、“<option>”、“<button>”、“<output>”等。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML 表单用于收集不同类型的用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
html表单的标记:
标记 | 描述 |
---|---|
<form> | 定义供用户输入的表单 |
<input> | 定义输入域 |
<textarea> | 定义文本域 (一个多行的输入控件) |
<label> | 定义了 <input> 元素的标签,一般为输入标题 |
<fieldset> | 定义了一组相关的表单元素,并使用外框包含起来 |
<legend> | 定义了 <fieldset> 元素的标题 |
<select> | 定义了下拉选项列表 |
<optgroup> | 定义选项组 |
<option> | 定义下拉列表中的选项 |
<button> | 定义一个点击按钮 |
<datalist> | 指定一个预先定义的输入控件选项列表 |
<keygen> | 定义了表单的密钥对生成器字段 |
<output> | 定义一个计算结果 |
扩展资料:<input> 元素
<input> 元素是最重要的表单元素。
<input> 元素有很多形态,根据不同的 type 属性。
1、文本域(Text Fields)
文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
1 2 3 4 |
|
浏览器显示如下:
注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。
2、密码字段
密码字段通过标签<input type="password"> 来定义:
1 2 3 |
|
浏览器显示效果如下:
注意:密码字段字符不会明文显示,而是以星号或圆点替代。
3、单选按钮(Radio Buttons)
<input type="radio"> 标签定义了表单单选框选项
相关阅读 >>
Html5 embed标签的loop属性是怎么用的?embed标签的属性总结!
Html中class什么意思?Html的class属性用法介绍(附实例)
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者