html中表单的用法

表单是什么

表单(form)由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成,所有的部分都包含在一个由标识符标志起来的表单结构中。

表单使用表单标签<form>定义。

<form> </form>

<form>的常用属性

action :表单提交的地址
method :提交表单的方法,有get和post两种。

<form action="/getInfo" method="get"> </form>

常用表单元素

大多数情况下被用到的表单标签有
<input>,<textarea>(多行文本框),<option>(下拉框),<label>(<input>的标注)等。

常用属性:

type:输入的类型
name:表单的名称
value:表单的内容

输入

多数情况下被用到的表单标签是输入标签<input>。输入类型是由类型属性type定义的。大多数经常被用到的输入类型如下:
文本(text)和密码(password)输入
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<form> uesrname <input type="text" name="uesrname"> password <input type="password" name="password </form>
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

单选按钮(radio)

当用户从若干给定的的选择中选取其一时,就会用到单选框。
<form>
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="women">女
</form>
注意,只能从中选取其一。

复选框(Checkbox)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
<form>
<input type="checkbox" name="car" value="car"> 我有车
<input type="checkbox" name="car" value="bike"> 我有自行车
</form>

表单的动作属性(Action)和提交(sumbit)按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
<form name="input"
action="" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
假如您在上面的文本框内键入几个字母,并且点击提交按钮,那么输入数据会被传送到名为 "www.jirengu.com/actiom.html" 的页面。那一页将显示出输入的结果。

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

推荐阅读更多精彩内容

  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 4,827评论 0 0
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 4,392评论 0 1
  • 表单表单是用来提交资料、意见,规范流程执行过程的格式。在网页中主要负责数据采集功能。表单标签:这里面包含了处理表单...
    思思有礼阅读 4,375评论 0 0
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 6,621评论 3 17
  • 很多在外地发展 或经常到远方出差的人 常常会有这样的经历 当有人问他 您是哪里人的时候 他往往会说离自己家乡大一点...
    弘慧阅读 3,034评论 0 0