form表单的一些用法

html表单用于收集用户输入的数据。
用<form>元素定义html表单:

<fomr>
</form>

form表单包含许多表单元素,如:<input> <select><option><textarea><button>等
form表单包含许多属性:
action 属性定义在提交表单时执行的动作;
method 属性规定在提交表单时所用的 HTTP 方法(get或post);
target规定action属性中地址的目标(默认:_self)等。

<input>是最重要的表单元素,根据type属性不一同,有许多不同类型的<input>元素:
<input type="text"> 定义供文本输入的单行输入字段
<input type="password"> 定义密码字段
<input type="submit"> 定义提交表单按钮
<input type="radio"> 定义单选按钮
<input type="checkbox"> 定义复选框
<input type="button"> 定义按钮

<input>元素有许多属性:
value属性为<input>元素设定值。
对于不同的输入类型,value 属性的用法也不同:
type="button", "reset", "submit" 定义按钮上的显示的文本;
type="text", "password", "hidden" 定义输入字段的初始值;
type="checkbox", "radio", "image" 定义与输入相关联的值;
<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。

*注意!<input type="hidden">为隐藏域,其携带信息不被用户所看到的,在用户提交表单时一并提交到服务器,一般用于传输和临时存放数据。

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

推荐阅读更多精彩内容

  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,069评论 2 8
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,147评论 19 139
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,449评论 2 14
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 922评论 0 1
  • 本文介绍关于form表单的一些使用方法网站是如何与用户进行交互的?使用HTML表单。表单用于搜集不同类型的用户输入...
    左冬的博客阅读 1,400评论 1 3