HTML 表单

许多美好等待着你..

目录

  1. 表单是什么
  2. 表单如何工作
  3. 表单简例

表单

网页表单允许用户将信息发送到Web服务器计算机上的特殊程序。
尽管在网页中编写描述表单的HTML是比较容易的,但它所传达的程序必须由计算机程序员编写或者购买。在任何情况下,该程序不是HTML的一部分。本页将仅描述实施工作Web表单的HTML部分。

如何工作

表单是一个form标签,里面包含各种表单控件标签,包括文本输入字段,各种按钮,文件选择控件和菜单。(您可能已经熟悉所有这些来自您访问的页面。)用户键入文本字段,单击按钮并从菜单中选择项目。最后,用户提交表单,通常通过点击特殊的提交按钮。
提交后面的确切操作由form标记指定 。一般情况下,用户的浏览器会以表单的形式收集所有控件的设置,并将收集的信息发送到标签指定的站点form,然后等待服务器进行响应。响应采用新的HTML文档的形式,浏览器然后显示给用户。
单个网页可能包含多个表单。但是,提交给服务器的信息来自单击“提交”按钮的表单。

表单例子

<pre>
<textarea>文字区域:
<pre>```
<textarea id="输入框" rows="10" cols="10">

</textarea>

文本区:
<pre>```
<input type="text" value="hello" id="text"/>
```</pre>
密码字段:
<pre>```
<input type="password" value="" id="mypass"/>
```</pre>
按键:
<pre>```
<input type="button" value="按我" id="push"/>
```</pre>
单选按钮:
<pre>```
<input type="radio" id="radio" />
```</pre>
复/多选框:
<pre>```
<input type="checkbox" id="checkbox" />
```</pre>
提交按钮:
<pre>```
<input type="submit" value="OK" id="提交" />
```</pre>
文件选择:
<pre>```
<input type="file" value="Browse..." id="myGetFile" />
```</pre>
菜单选择:
<pre>```
<select id="select" >
 <option value =""a>item a</option>
 <option value = "b">item b</option>
 <option value = "c" selected>item c</option>
</select>
```</pre>
文字标签:
<pre>```
<label for="myMenu">a Label</label>
```</pre>

[更多详细介绍地址:https://developer.mozilla.org/zh-TW/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form](https://developer.mozilla.org/zh-TW/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,500评论 0 3
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,244评论 0 1
  • HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。 表单...
    饥人谷_Dylan阅读 3,828评论 0 48
  • “反正你怎么吃也不会胖,我们这种人只喝白开水都会胖”这句话可能听了不下几百遍了吧,几乎每个第一次见的人,都会对我说...
    杨小玄阅读 3,211评论 1 3
  • QQ空间有一个功能可以匿名给好友发消息,也可以匿名发表动态,而我们浏览的时候,便成为“好友的秘密”,而我昨天发现了...
    古小枫阅读 4,400评论 0 2