form表单标签_form的常用属性有哪些

一、form表单标签

form标签是一个块级元素，以<form>开头，</form>结尾，它能够包含input、textarea、select等元素。

1.表单标签的属性

form表单常用属性
属性	值	说明
action	URL	指定表单发送的地址;
method	get post	指定数据传送到服务器的方式，get会将发送的数据显示在地址栏，post就不会，单论安全而言，post安全性更高;
name	name	规定表单的名称。

例：

<form action="" method="post" name="form">
  </form>

2.input标签

input标签可以用于收集用户输入的信息，根据type属性的值的不同，收集信息的类型也不相同，常见type属性值入下表的所示

input的type属性
值	作用
text	文本框
password	密码框，输入的数据会用*代替
radio	单选按钮，在name属性相同时，多个选项只能选择一个
checkbox	复选按钮，在name属性相同时，可以选择多个选项
submit	提交按钮，用于提交form表单中的数据
reset	重置按钮，重置form表单中输入的信息
image	图像按钮，可以使用一张图像来代替按钮
button	普通按钮
file	文本域
date	获取时间，x年x月x日
datetime-local	获取时间，x年x月x日x时x分
time	获取时间，x时x分
email	邮箱
number	数字，可以设置最大和最小
color	颜色

例：

<form action="url" method="post" name="form">
            <p>用户名：<input type="text" name="username" id="username" placeholder="请输入用户名"></p>
            <p>密码：<input type="password" name="password" id="password" placeholder="请输入密码"></p>
            <p>性别：<input type="radio" name="gender" value="nan" checked>男<input type="radio" name="gender" value="nv">女</p>
            <p>爱好：<input type="checkbox" name="aihao" value="lanqiu">篮球<input type="checkbox" name="aihao" value="yumaoqiu">羽毛球<input type="checkbox" name="aihao" value="paiqiu">排球</p>
            <p>请选的文件：<input type="file" name="wenjian" value="wenjian"></p>
            <p>请选择时间：<input type="date" name="date"></p>
            <p>请选择时间：<input type="datetime-local" name="datetime-local"></p>
            <p>请选择时间：<input type="time" name="time"></p>
            <p>请输入邮箱：<input type="email" name="email"></p>
            <p>请输入月份：<input type="number" name="number" max="12" min="1" value="1"></p>
            <p>请选择颜色：<input type="color" name="color"></p>
            <p><input type="submit" value="提交"></p>
            <p><input type="reset" value="重置"></p>
            <p><input type="button" value="普通按钮"></p>
            <p><input type="image" src="url"></p>
        </form>

input标签除了type属性外，还能设置其他属性，属性名及其用法如下表所示

属性名	值	用法
name	name	指定名称
value	value	给定初始值
id	id	指定id
checkbox	checkbox	元素是否被选中，属性可不赋值，默认为不被选中，添加此属性后默认选中。
readonly	readonly	设置只读，属性可不赋值，添加此属性后，input里面的值不可做任何修改，可以被选中。
disable	disable	禁用input元素，属性可不赋值，添加此属性后，input元素将被禁用，不可选中，不可点击。
required	required	提交表单数据时，属性可不赋值，如果有该属性的元素为空，则会提示请填写此字段。
autofocus	autofocus	打开网页是，自动获取光标。

3.textarea标签

form表单中除了能使用input元素外，还能使用textarea元素，textarea能创建一个文本区，文本区的大小和宽度由cols和wors设定，cols设定文本区宽度，wors设定文本区的高度（行数）。

4.select

select是下拉选择框，里面可包含多个选项，选项在option标签中，可用size设置下拉框显示的长度，也可用mutiple属性让下拉框变成另一种样式的下拉框。

今天的文章form表单标签_form的常用属性有哪些分享到此就结束了，感谢您的阅读。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/70606.html