【HTML】选择框、复选框、单选框、文本域

选择框、复选框、单选框、文本域的截图

image-20210707160419908

标签使用代码及注释

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!--字符集 -->
<title>选择框、复选框、单选框、文本域</title>
</head>
<body>
<!--表单 -->
<fieldset>
<legend>个人信息</legend>
<form method="post" enctype="application/x-www-form-urlencoded">
用户名<input type="text" name="username" /><br />
<!--单选框-->
性别
<input type="radio" name="sex" value="1" />
<input type="radio" name="sex" value="2" checked="checked"/><!--默认选择checked-->
<br />

<!--多选框-->
喜欢语言
<input type="checkbox" name="app[]" value="asp">asp
<input type="checkbox" name="app[]" value="aspx">aspx
<input type="checkbox" name="app[]" value="php" checked="checked">php
<br />

<!--选择框-->
地区<select name="address">
<option value="shanghai">上海</option>
<option value="wuhan" >武汉</option>
</select><br />

<!--文本域-->
简介<br />
<textarea cols="30" rows="10" name="info"></textarea><br/>
<input type="submit" value="提交" />
</form>
</fieldset>
</body>
</html>

我的个人博客

孤桜懶契:http://gylq.github.io

本文标题:【HTML】选择框、复选框、单选框、文本域

文章作者:孤桜懶契

发布时间:2021年07月07日 - 16:03:26

最后更新:2022年05月20日 - 11:47:45

原始链接:https://gylq.gitee.io/posts/53.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------