html表单有哪些标记


本文摘自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

<form>

First name: <input type="text" name="firstname"><br>

Last name: <input type="text" name="lastname">

</form>

浏览器显示如下:

1.png

注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。

2、密码字段

密码字段通过标签<input type="password"> 来定义:

1

2

3

<form>

Password: <input type="password" name="pwd">

</form>

浏览器显示效果如下:

2.png

注意:密码字段字符不会明文显示,而是以星号或圆点替代。

3、单选按钮(Radio Buttons)

<input type="radio"> 标签定义了表单单选框选项

阅读剩余部分

相关阅读 >>

Html的图片怎么居中

Html网页优化压缩的实现步骤

onclick在Html中用法是什么

Html中空格怎么打

图片懒加载是什么意思?图片懒加载的实现方法

Html5 embed标签的loop属性是怎么用的?embed标签的属性总结!

Html中class什么意思?Html的class属性用法介绍(附实例)

如何解决Html乱码问题

Html中iframe标签有哪些用法

Html文字怎么换行

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...