html_控件一

忘是亡心i 2022-05-25 04:43 325阅读 0赞

1. input标签：

<input> 用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

![20180508113923628][]

2. 单行文本

<br />

公司名：

<input type="text" name="company" readonly="true" value="格伦有限公司" />

<br />

用户名：

<input type="text" name="username" maxlength="6" />

<br />

密    码：

<input type="password" name="password" />

![20180508114024678][]

![20180508114034709][]

3. 文本域

<h2>文本域</h2>

<textarea rows="5" cols="20"></textarea>

20列之后会自动换行

![20180508114134723][]

4. 单选框

<input type="radio" name="sex" />男

<input type="radio" name="sex" />女

<input type="radio" name="sex" />女博士

Type为radio即为单选按钮，name相同的单选按钮为一组，选择时互斥。

5. 复选框

<h2>复选框</h2>

爱好: <br />

<input type="checkbox" />旅游

<input type="checkbox" />看电影

<input type="checkbox" />学习

6. Label

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。

就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上<label> 标签的 for 属性应当与相关元素的id 属性相同。

具例来说，上面的复选框只有点方框才能打钩，点文字是没有反映的，如果希望点文字也达到钩选的效果，就需要使用label把文字包起来，而且使用for属性和方框关联起来：

<h2>label</h2>

可点击文字选中: <br />

<input type="checkbox" id="trip"/><label for="trip">旅游</label>

<input type="checkbox" id="movie"/><label for="movie">看电影</label>

<input type="checkbox" id="study"/><label for="study">学习</label>

![20180508114448263][]

7. 文件域

<h2>文件域</h2>

任意文件：<input type="file"/>

<br />

单频视频：<input type="file" name="res" accept="audio/\*,video/\*" />

<br />

图片文件：<input type="file" name="pic" accept="image/\*" />

![20180508114614347][]

![20180508114624476][]

![20180508114704124][]

audio/\* 可以接受所有的音频文件

video/\* 可以接受所有的视频文件

image/\* 可以接受所有的图片文件

[20180508113923628]: /images/20220525/f76c5c4288e549afa8196d4abbb01d76.png
[20180508114024678]: /images/20220525/e7be7e3392574fa0a1483e94902a9209.png
[20180508114034709]: /images/20220525/046298a019524335b597ca15b13d3ffc.png
[20180508114134723]: /images/20220525/8b97af9a17194fcaa6c2df2e17d97662.png
[20180508114448263]: /images/20220525/0cb1a6c7743e41b590e80ba0d523aa78.png
[20180508114614347]: /images/20220525/7c65e982e4b64c27b465670f6b4344d6.png
[20180508114624476]: /images/20220525/c4206ce85baf44349e744d12053a881a.png
[20180508114704124]: /images/20220525/ac1a6e3b02b54981a95e2307bac195e3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 html如何绑定radio控件和label控件

只要指定label的"for"属性到radio的id就行，或者用label标签包围住radio。第一种方式: <input type="radio" id=

左手的ㄟ右手/ 2023年08月17日 17:37/ 0 赞/ 141 阅读

相关 aspx html 控件,ASP.NET - 服务器控件

ASP.NET - Validation 服务器控件 Validation 服务器控件用于验证用户输入。如果用户输入没有通过验证，将向用户显示一条错误消息。每种 vali

向右看齐/ 2022年10月06日 09:54/ 0 赞/ 248 阅读

相关（一）文本控件+按纽控件使用

（一）文本控件+按纽控件使用建立一个空白页面index.aspx 1创建 Text 文本控件（名字为name 默认内容为：默认内

ゝ一纸荒年。/ 2022年08月14日 03:45/ 0 赞/ 257 阅读

相关 Web控件和HTML控件

ASP.NET中介绍了两种控件，一是，HTML控件；二是，Web控件。web控件是基于HTML控件加上runat="server"的属性。比HTML控件实现的功能更容易

た入场券/ 2022年08月06日 06:08/ 0 赞/ 309 阅读

相关 html页面动态添加控件

<html> <head> <title>test</title> <script src="http://code.jquery.com/jquery-2.1.1

怼烎@/ 2022年06月14日 03:28/ 0 赞/ 345 阅读

相关 html_控件二

表单是一个包含表单元素的区域，用于搜集不同类型的用户输入，表单使用表单标签<form>定义。语法： <form action="form\_action.asp" m

傷城~/ 2022年05月25日 04:45/ 0 赞/ 244 阅读

相关 html_控件一

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

忘是亡心i/ 2022年05月25日 04:43/ 0 赞/ 326 阅读

相关 HTML前端入门归纳——控件

　　本人一直在从事.net的开发，界面都是采用的WPF，近期花了一个多月进行HTML前端的学习，在这里呢进行学习总结和归纳。　　本系列将主要分为4个模块：　　　　控件

古城微笑少年丶/ 2021年09月19日 11:28/ 0 赞/ 364 阅读

相关 HTML input datetime calendar控件

将<input>标签的type属性值设置为datetime即可创建时间日期控件。时间日期控件是HTML5新增。

小灰灰/ 2020年05月16日 21:05/ 0 赞/ 886 阅读

相关 HTML input time calendar 控件

HTML5之前，实现时间控件通常要使用JavaScript，比较困难。虽然有很多现成的插件可以使用，但总归要使用若干JavaScript和CSS代码。当前，只要将...

小灰灰/ 2020年05月15日 18:39/ 0 赞/ 886 阅读