HTML表单的基本用法

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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 表单的基本用法 说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并...
    晓风残月1994阅读 345评论 0 0
  • 1.常见的表单元素HTML表单主要用于向服务器端传输用户的数据信息。它可以包含input、menus、textar...
    l_meng阅读 323评论 0 0
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,439评论 2 14
  • 什么是HTML表单? 表单是一个包含元素的区域,表单元素是允许用户在表单中(比如:文本域,列表,单选框,复选框等)...
    饥人谷_一叶之秋阅读 308评论 0 0
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 920评论 0 1