表单

表单的作用:收集客户端信息,然后提交到服务器。

表单标记

<form name="名称" action="服务器页面URL" method="post|get">
...
...
</form>

action属性值为空,代表提交给自身。

必须为所有表单元素(控件)赋予含义明确的名称。

文本框

  • 单行文本框:<input type="text" name="名称" value="值"/>
  • 密码框:<input type="password" name="名称" value="值"/>
  • 多行文本框:<textarea name="名称" rows="行数" cols="列数">值</textarea>

单选框

<input type="radio" name="名称" value="值" checked="checked"/>

说明:

  • 一组类型的单选框名称必须相同
  • 必须为单选框赋值
  • checked表示是默认的,只有一个可以加

复选框

<input type="checkbox" name="名称" value="值" checked="checked"/>

参照单选框。

列表框

<select name="名称">
    <option value="值" selected="selected">文本</option>
    ...
</select>

文本域(浏览框)

<input type="file" name="名称"/>

按钮

  • 提交按钮<input type="submit" value="值(显示文本)"/>
  • 取消按钮<input type="reset" value="值(显示文本)"/>
  • 自定义按钮<input type="button" value="值(显示文本)"/>

隐藏域(提交正确的但无需用户干涉的值)

<input type="hidden" name="名称" value="值"/>

说明:

文本框的value属性,单选框/复选框的checked属性,列表框的selected属性,在编辑信息的时候着重注意。

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

推荐阅读更多精彩内容

  • 表单表单是用来提交资料、意见,规范流程执行过程的格式。在网页中主要负责数据采集功能。表单标签:这里面包含了处理表单...
    思思有礼阅读 846评论 0 0
  • 1.form标签简介 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...
    饥人谷_小侯阅读 398评论 0 0
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 921评论 0 1
  • :input 表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅...
    孤佣阅读 476评论 0 0
  • 表单是什么? 从某种意义上来说,“表单”就相当于一份问卷,这份问卷有一些空白的地方需要你来填写答案。 例如 表单如...
    流光号船长阅读 771评论 0 2