表单各种元素

最新推荐文章于 2022-07-31 12:18:21 发布

spfLinux

最新推荐文章于 2022-07-31 12:18:21 发布

阅读量385

点赞数

分类专栏： web开发文章标签： HTML 表单元素

本文链接：https://blog.csdn.net/spfLinux/article/details/78284547

版权

web开发专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" maxlength="10" value="123456789101111" readonly/>
	姓名；<input type="text" name="username" value="mary" maxlength="6" />
	密码：<input type="password" name="pwd" />
	<input type="radio"/ checked>
	<input type="checkbox"/ checked>
	<br/>
	性别：
	<input type="radio" name="sex" value="0" />男
	<input type="radio" name="sex" value="1" />女
	<input type="radio" name="sex" value="2" checked="checked" />保密
	<br/>
	喜欢的城市：
	<input type="checkbox" name="cities" value="1" />北京
	<input type="checkbox" name="cities" value="2" />厦门
	<input type="checkbox" name="cities" value="3" />敦煌
	<input type="checkbox" name="cities" value="4" checked="checked">杭州
	<br/>
	<input type="submit">
	<input type="reset">
	<input type="button">
	<input type="hidden">
	<input type="file">
	<br/>
	<input type="checkbox" name="chkHid" id="chkHid" />
	<label for="chkHid">不要公开我的信息</label><br/>
	<select name="" id="">
		<option value="1">Java</option>
		<option value="2">C++</option>
		<option value="3">PHP</option>
	</select>
	<select name="" id="" size="4">
		<option value="1">Java</option>
		<option value="2">C++</option>
		<option value="3">PHP</option>
	</select>
	<br/>
	<textarea name="txtInfo" id="" cols="30" rows="10"></textarea>
	<br/>
	<!-- 为控件分组 -->
	<fieldset>
		<legend>地址信息</legend>
		地址：<input type="text" /><br/>
		邮编：<input type="text" name="">
	</fieldset>
	<br/>
	浮动框架<iframe src="35.html"></iframe>
	<br/>
	<form action="">
		<input type="email" />
		<input type="submit">
	</form>
	<form action="">
		<input type="search" />
		<input type="submit">
	</form>
	<form action="">
		<input type="url" />
		<input type="submit" />
	</form>
	<input type="tel" />
	<input type="number" min="3" max="100" step="3">
	<input type="range" min="10" max="1000" value="50" />
	<br/>
	<input type="color" /><br/>
	<input type="date" /><br/>
	<input type="week" /><br/>
	<input type="month" />
</body>
</html>

效果图：