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

admin
admin
admin
102755
文章
87
评论
2022年1月10日03:31:20评论17 views字数 962阅读3分12秒阅读模式

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

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

FROM:gylq.gitee Author:孤桜懶契

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年1月10日03:31:20
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出)：
                   【HTML】选择框、复选框、单选框、文本域http://cn-sec.com/archives/729956.html

发表评论

匿名网友 填写信息