`
Dream丶AL
  • 浏览: 22396 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

HTML<input>标签

阅读更多
定义和用法

<input> 标签用于搜集用户信息。
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

文本字段:
(用input标签定义type的属性为text,可在框中输入文字)

<html>
<body>
<form>
名:
<input type="text" name="firstname">
<br />
姓:
<input type="text" name="lastname">
</form>
</body>
</html>

复选框:
(用input标签定义type为checkbox,这样就可以选取多个选项)
<html>
<body>
<form>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>
</body>
</html>

单选项:
(用input标签定义type为radio,checked为单选按钮)

<html>
<body>
<form>
男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性:
<input type="radio" name="Sex" value="female" />
</form>
</body>
</html>

创建按钮:
(用input标签定义type为button,值为Hello world!)

<html>
<body>
<form>
<input type="button" value="Hello world!">
</form>
</body>
</html>
分享到:
评论

相关推荐

    已知一个<input />标签,如何不改变其层级的关系,用js或者加入class设置,在文本框的最右边加一个X,使之可以置空该input

    在网页设计中,`&lt;input&gt;` 标签用于创建各种输入控件,用户可以通过这些控件向服务器提交数据。在你的需求中,你希望在文本框的最右边添加一个“X”图标,使得用户可以点击这个图标来清空输入框的内容,而无需改变...

    HTML标签解释大全

    &lt;input type="text" id="fname" name="fname"&gt;&lt;br&gt; &lt;/fieldset&gt; ``` ##### 标签:font - **说明**:`&lt;font&gt;` 标签用于指定用于渲染所包含文本的新字体、大小和颜色,但该标签已经被废弃。例如: ```html &lt;font...

    HTML标签属性大全

    表单标签是指在HTML文档中用于定义表单的标签,包括&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;等标签。 &lt;form&gt;标签用于定义表单。&lt;input&gt;标签用于定义输入控件。&lt;textarea&gt;标签用于定义多行文本输入控件。 七、框架标签 框架...

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

    头歌教学实践平台 Web前端开发基础 HTML-表单类的标签

    2. `&lt;input&gt;`标签:这是最常见的表单元素,用于创建各种输入字段。`type`属性决定输入类型,如文本(text)、密码(password)、复选框(checkbox)、单选按钮(radio)、提交按钮(submit)等。 示例: ```html ...

    gwt 获取前台所有input 标签.docx

    在GWT(Google Web Toolkit)开发中,有时候我们需要获取网页前端所有的`&lt;input&gt;`标签,以便于处理用户输入的数据或实现特定的交互功能。标题和描述提到的“gwt 获取前台所有input 标签”正是关于这个主题。下面将...

    HTML框架标签超链接标签控件标签PPT教案.pptx

    然后是控件标签,主要包括`&lt;input&gt;`、`&lt;select&gt;`和`&lt;textarea&gt;`。`&lt;input&gt;`标签用于创建各种交互式控件,如文本输入框、复选框、单选按钮、按钮和文件选择器等。例如,`&lt;input type="text"&gt;`创建了一个可编辑的文本...

    HTML基本标签详细介绍PDF

    除了上述标签,HTML还有许多其他标签,如`&lt;div&gt;`(定义分区)、`&lt;span&gt;`(定义文本范围)、`&lt;br&gt;`(换行)、`&lt;hr&gt;`(水平线)等。熟练掌握这些基础标签是创建动态、交互式网页的关键。通过组合使用这些标签,开发者...

    HTML常用标签.pdf

    29. &lt;input&gt;:&lt;input&gt; 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 30. &lt;select&gt;:&lt;select&gt; 元素可创建单选...

    html标签大全标签用法详解

    表单元素:`&lt;form&gt;`用于创建表单,`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`和`&lt;button&gt;`则用于输入数据、文本区域、下拉列表和按钮。`&lt;label&gt;`与`for`属性相结合,能提高表单的可用性。 HTML5引入了许多新特性,如`...

    html阶段性测试题及答案

    9. **隐藏域**:在HTML表单中添加隐藏域的正确语句是`&lt;input type="hidden" name="userid" value="看不见"/&gt;`。 10. **创建表单**:`&lt;form&gt;`标签用于创建HTML表单,是表单的基础。 11. **表单提交地址**:`action`...

    HTML常用标签代码

    所有的其他HTML标签都应位于`&lt;html&gt;`标签内。 2. `&lt;head&gt;`: 包含文档的元信息,如标题、字符集设置等。它不直接显示在浏览器中,但对网页的运行至关重要。 3. `&lt;title&gt;`: 定义网页的标题,显示在浏览器的标题栏中...

    html所有标签含义.

    &lt;INPUT type="checkbox"&gt;复选框&lt;/INPUT&gt; &lt;INPUT type="radio"&gt;单选框&lt;/INPUT&gt; ``` 以上是基于给定内容整理出的一些HTML常用标签及其基本用法。通过这些标签,你可以构建基本的网页结构,并添加文本、图像、表格...

    HTML静态页面的标签

    7. 表单标签:&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;,用于定义表单,实现动态交互,通过查看,填写并提交表单信息到服务器端。 8. 分区标签:&lt;div&gt;,用于定义结构化块状元素,作为逻辑分区即容器来使用。 9. ...

    HTML标签帮助文档

    HTML表单由`&lt;form&gt;`标签开启,包括各种输入元素如`&lt;input&gt;`(文本、密码、复选框、单选按钮等)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉列表)、`&lt;option&gt;`(下拉选项)和`&lt;button&gt;`(按钮)等,以及`...

    Html标签一览表

    HTML标签通常由一对尖括号包围,如`&lt;tag&gt;`和`&lt;/tag&gt;`,其中`&lt;tag&gt;`是标签的开始,`&lt;/tag&gt;`是标签的结束,它们共同构成了一个HTML元素。元素的内容放在开始和结束标签之间,如`&lt;p&gt;这是段落&lt;/p&gt;`。有些标签是自闭合的...

    js使用循环清空某个div中的input标签值

    &lt;th&gt;钢琴曲名称:&lt;/th&gt; &lt;td&gt;&lt;input type=text name=info[gqq_name] id=gqq_name style=width:200px;/&gt;&lt;/td&gt; &lt;th xss=removed&gt;演奏者:&lt;/th&gt; &lt;td&gt;&lt;input type=text name=info[gqq_player] id=gqq_player ...

    HTML标签(下)(表格+列表+表单)

    input标签有多种类型,例如text、password、checkbox、radio等。例如: ``` &lt;input type="text" name="username" /&gt; ``` &lt;select&gt;标签 &lt;select&gt;标签用于定义表单中的下拉列表。例如: ``` &lt;select&gt; &lt;option&gt;选项1...

    HTML标签总结,包含HTML4和HTML5

    HTML5中新增了一些标签,如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;audio&gt;`、`&lt;canvas&gt;`、`&lt;video&gt;`等,同时也废弃了一些标签,如`&lt;applet&gt;`、`&lt;basefont&gt;`等。 HTML标签是网页开发的基础,熟悉这些标签的用途和功能是开发网页...

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    接着是"HTML.ppt",这个可能是更深入的HTML教程,可能涵盖了更复杂的元素和属性,例如表格&lt;table&gt;、表单&lt;form&gt;和其相关的元素如&lt;input&gt;、&lt;select&gt;、&lt;textarea&gt;,还有如何使用&lt;div&gt;和&lt;span&gt;进行页面布局和内容分组。...

Global site tag (gtag.js) - Google Analytics