HTML 表单?form是什么

HTML 表单<form>是非常普通的交互元素,通常在用户注册、评论留言、问卷调查等等需要提交信息的页面都是<form>发挥作用,<form></form>是正确的使用方式,同时需要包含相应的表单元素,如<input><textarea>等。

<input>元素又有许多形态,根据不同的type 属性来达到需要的效果。

类型描述
text定义常规文本输入。
radio定义单选按钮输入(选择多个选择之一)。
submit定义提交按钮(提交表单)。
file定义文件选择。
checkbox定义多选按钮输入。
等类型

<form>表单的 Method 属性,提交数据方式,默认是GET,这种提交方式会把数据添加在表单页面地址栏后,可直接查看到提交数据结果,安全性较差。另一种POST更为保密,无法在地址栏查看,只能在接收页面获取。

<form>表单的 Action 属性,提交页面,把表单内数据提交去哪?如果为空则提交至本页,表单提交后当前页面刷新。

<input>元素的 Name 属性,每个元素必须设置Name属性用于区分与接收表单提交数据。以下列代码为例:

<form action="" method="get">
<input type="text" value="China">
<input type="text" name="ZHUEi" value="www.zhuei.com">
<input type="submit" value="Submit">
</form> 

上方示例中,第一个input元素没有设置name属性,第二个input元素设置了name属性为ZHUEi,在默认数据直接提交时,接收页面得到的数据为“ZHUEi=www.zhuei.com”。

<input>元素的 Value 属性,默认填写的数据内容,可以为空。

如果你发现错误或有其他方法,请给www.zhuei.com留言,我们会尽快更新本文!

发表评论

邮箱地址不会被公开。 必填项已用*标注