定义:<form>标签代表一个表单,表单用于向服务器传输数据。包含<input>,可以是文本字段,按钮,单选框,复选框,提交按钮等,还可以包含<textarea><select>等。
form表单常用属性:
name:用于定义表单的名称
action:用于规定表单提交将数据发送给谁
method:提交数据的方式,一般为post请求或get请求
格式:
<form name="login" action="" method="get">
</form>
form表单中的子标签:
input种类:
text:
<form name="" action="" method="">
text<br>
<!--placeholder占位-->
用户名:<input type="text" placeholder="请输入中文用户名">
<hr>
</form>
password:
输入内容不可见,一般用于密码框。
<form name="" action="" method="">
password<br>
密码:<input type="password">
<hr>
</form>
radio:
单选,实现单选必须设置相同的名字。
<form name="" action="" method="">
radio<br>
是否记住密码:<input type="radio" name="nsp">是 <input type="radio" name="nsp">否
<hr>
</form>
checkbox:
多选。
<form name="" action="" method="">
checkbox<br>
选择喜爱的事物:<input type="checkbox" name="">唱 <input type="checkbox" name="">跳 <input type="checkbox" name="">rap <input type="checkbox" name="">篮球
<hr>
</form>
button:
按钮。
<form name="" action="" method="">
button<br>
按钮:<input type="button" value="点我啊!">
<hr>
</form>
hidden:
用于提交表单,在页面上不显示,在源码中显示。
<form name="" action="" method="">
hidden<br>
隐藏类型:<input type="hidden" value="123456">
<hr>
</form>
file:
用于提交文件,或者选择文件。点击时会弹出文件选择框。
<form name="" action="" method="">
file<br>
<input type="file" value="提交文件">
<hr>
</form>
submit:
一般用于登录页面向后台提交登录信息。点击时会像后台发送登录信息。只会提交位于form表单内的信息。
<form name="" action="" method="">
text<br>
<!--placeholder占位-->
用户名:<input type="text" placeholder="请输入中文用户名">
<hr>
password<br>
密码:<input type="password">
<hr>
submit<br>
提交按钮:<input type="submit" value="提交">
<hr>
</form>
reset:
重置位于form表单内的信息。
<form name="" action="" method="">
重置:<input type="reset" value="重置">
<hr>
</form>
image:
图片类型,相当于图片按钮。
<form name="" action="" method="">
image<br>
<input type="image" src="C:\Users\sd-acm\Desktop\sign.jpg">
<hr>
</form>
select:
下拉框。
<form name="" action="" method="">
select<br>
<select>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
<option>河南</option>
</select>
<hr>
</form>
<form name="" action="" method="">
select<br>
<!--multiple多选-->
<select multiple="multiple">
<option>上海</option>
<option>广州</option>
<option>深圳</option>
<option>河南</option>
</select>
<hr>
</form>
textarea:
文本标签。
<form name="" action="" method="">
textarea<br>
<textarea width="10" height="40"></textarea>
<hr>
</form>