1、表单便签 form
相关属性
action:请求路径,确定表单提交到服务器的地址(路径)
method:请求方式,常用的取值:get、post
get:默认值
1、提交到的数据追加在请求路径上,追加使用?连接,之后每一对数据用&连接(/html?username=aaa&password=123)
2、请求数据长度有限,所以get请求提交的数据有限
post:
1、提交的数据不在请求路径上追加(不显示在地址栏上)
2、提交的数据大小不显示
例如:
<body>
<!--表单-->
<form action="" method="">
</form>
<!--此处的内容在<form>标签外部,数据不能提交到表单-->
</body>
2、输入域标签 input
type属性
text:文本框,单行的输入字段,用户可以在里面输入文本,默认宽度为20个字符
password:密码框,密码字段,字段中的字符用黑圆圈表示
radio:单选框,表示一组互斥选项按钮中的一个,当一个按钮被选中时,其他按钮暂时不起作用
checkbox:复选框,可以多选,刚好和单选框radio效果相反
submit:提交按钮,会把表单上的数据发送到服务器,一般不写name属性,否则“提交”两个字提交到服务器
reset:重置按钮,将表单恢复到默认值
image:图形提交按钮,通过src给按钮设置图片
hidden:隐藏字段,数据会发送到服务器,但浏览器不会显示
name:元素名,如果需要表单数据提交到服务器,必须提供name属性,服务器通过属性值获得提交的数据
value:设置input标签的默认值,submit和reset为按钮显示数据
size:大小
checked:单选框或者复选框被选中
readonly:是否可读
disabled:是否可用
maxlength:允许输入的最大长度
3、下拉列表标签 select
下拉列表,可以进行单选或者多选,需要使用子标签option指定列表项
相关属性
name:发送给服务器的名称
multiple:不写默认单选,取值为“multiple”表示对选
size:多选时,可见选项的数目
option:子标签,下拉列表中的一个选项(一个条目)
selected:勾选当前列表项
value:发送给服务器的选项值
4、文本域标签 textarea
文本域,多行的文本输入控件
cols:文本域的列数
rows:文本域的行数
5、按钮标签 button
<button type="button|reset|submit">
按钮标签很少 使用,提供“普通、重置、提交”功能,不同浏览器默认值不同
原文:https://www.cnblogs.com/zly123/p/10486406.html