定义:<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:Userssd-acmDesktopsign.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>