1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
答:form表单用于收集信息,并将信息发送至会服务器。
常用的input普通标签有:
text 表示文本框
实例
Email: <input type="text" name="email" /><br />
Pin: <input type="text" name="pin" />
button 输入类型定义可点击的按钮,这个按钮本身不会做任何事情
实例
<input type="button" value="Click me" />
checkbox输入类型定义复选框。复选框允许用户在一定数量的选择中选取一个或多个选项。
实例 <input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
file 输入类型用于文件上传
例:Select images: <input type="file" name="img" />
hidden 输入类型定义隐藏字段。隐藏字段对于用户是不可见的
实例
<input type="hidden" name="country" value="hehe" />
image 输入类型将图像定义为提交按钮。
对于 <input type="image">,src 和 alt 属性是必需的。
实例
<input type="image" src="img_submit.gif" alt="Submit" />
password 输入类型定义密码字段。密码字段中的字符会被遮蔽(显示为星号或实心圆)。
实例
<input type="password" name="pwd" />
radio 输入类型定义单选按钮。单选按钮允许用户选择有限数目的选项。
实例
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
Reset 定义重置按钮。重置按钮会把所有表单字段重置为初始值。
实例
<input type="reset" />
submit 输入类型定义提交按钮。
提交按钮用于向服务器发送表单数据。数据会被发送到在表单的 action 属性中规定的页面。
实例
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" /><br />
<input type="submit" />
</form>
textarea 多行输入框
主要用于输入较长的文本信息。例句如下:
<textarea name="view"></textarea>
表单控件(Form Controls)
Action和Method的说明:
通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。比如上面的例句里,input type= "text"就是一个表单控件,表示一个单行输入框。
用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息提交的地址.
至于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。