美文网首页
HTML表单的基本用法

HTML表单的基本用法

作者: 北城_荒 | 来源:发表于2017-03-28 18:36 被阅读0次

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表单基本用法

    表单就是专门用来收集用户信息,并提交至服务器端的。表单的基本格式: 性别: 男 女 保密 爱好: 篮球 足球 棒球...

  • HTML 表单的基本用法

    HTML 表单的基本用法 说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并...

  • HTML表单的基本用法

    什么是HTML表单? 表单是一个包含元素的区域,表单元素是允许用户在表单中(比如:文本域,列表,单选框,复选框等)...

  • HTML表单的基本用法

    1.常见的表单元素HTML表单主要用于向服务器端传输用户的数据信息。它可以包含input、menus、textar...

  • HTML表单的基本用法

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 答:form表单用于收集信息,并将信息...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • HTML表单的用法

    HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...

  • 表单

    今天先谈谈基本的表单用法。HTML5的新增表单,以后再做更新。若有不足,欢迎补充。 话不多说,让我们开始吧。 la...

  • 总结一下form_for的一些用法

    form_for 的基本用法 生成的html代码 这里的@article是一个model对象 生成的表单是 后面的...

网友评论

      本文标题:HTML表单的基本用法

      本文链接:https://www.haomeiwen.com/subject/wsqsottx.html