HTML_02_表单

时间：2014-05-25 21:55:41 阅读：308 评论：0 收藏：0 [点我收藏+]

表单：
表单标签是<form></form>这个标签和from特别像，几乎每个人都会写错，
即使知道，也会错滴，表单是最常见的标签，用于人机交互，最常见的就
是input标签，input标签中type有几个属性：text(文本框),password(密码),
checkbox(复选框),radio(单选框),hidden(隐藏框,submit(提交),reset(重置)select(选择)
eg：
<form action=" url" method="post/get">
用户名：<input type="text" name="user" value="" />
密码：<input type="password" name="psw" value="" />
********复选框*******
<input type="checkbox" name="checkbox1" value="" > 橙子</input>
<input type="checkbox" name="checkbox2" value="" > 香蕉 </input>
<input type="checkbox" name="checkbox3" value="" > 菠萝 </input>
********单选框********
<input type="radio" name="radio1" value=" "> 男</input>
<input type="radio" name="radio1" value=" "> 女 </input>
********sclect**********
<select>
<option value=" " selected>北京</option>
<option value=" ">上海</option>
<option value=" ">张掖</option>
</select>
********文本域*****
<option type="textarea" name=" " value=" " />
********登录*******
<input type="submit" name="登录 " value=" "/>
*******重置********
<input type="reset" name="重置 " value=" " />
</form>
注意的几点：
1. form的传递方式method：
post：是隐藏传递，不显示密码和相关信息，但是
get：默认传递方式，会传递密码和相关信息。
2.每个form表单都会有name，type和value，type是表示表单的种类，
name是在界面上显示的名字，但不是真正进行传递的name，而是
value属性。
3.在复选框中name属性不要一致，单选框中名字必须一致。
4.slect中默认显示第一个，如果不想默认显示第一个，可以在option后面
输入selected。这里有个小技巧，就是通过一个没有实际意义的表option
来控制一些东西。
eg：
<select>
<option>---请选择---</option>
<option>北京</option>
<option>上海</option>
<option>张掖</option>
</select>
这样第一个默认显示请选择，并且选择框的宽度会根据第一个的宽度变得很宽。

HTML_02_表单,布布扣,bubuko.com

HTML_02_表单

标签：html it web开发人机交互表单

原文地址：http://blog.csdn.net/orangeisnotapple/article/details/26966333

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行