form新增表项

最新推荐文章于 2022-10-19 14:54:40 发布

听听你说的--

最新推荐文章于 2022-10-19 14:54:40 发布

阅读量246

点赞数

分类专栏： Html5

本文链接：https://blog.youkuaiyun.com/qq_41889034/article/details/89345782

版权

Html5 专栏收录该内容

5 篇文章

订阅专栏

form新增表项

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form表单新增项</title>
	</head>
	<body>
		<!--fieldset 分类某些选项-->
		<form action="" >
			<fieldset>
				<legend>基本信息</legend>
				账户:<input type="text" name="username" /><br /><br />
				密码:<input type="password" name="password" /><br /><br />
			</fieldset>
			<fieldset>
				<legend>私密信息</legend>
				身份证:<input type="text" name="IDnumber" />
			</fieldset>
			<input type="search"  placeholder="请输入搜索内容" list="data" results />
			<!--数据列表-->
			<datalist id="data">
				<option value="迪丽热巴">迪丽热巴</option>	
				<option value="张艺兴">张艺兴</option>	
				<option value="罗志祥">罗志祥</option>	
				<option value="易烊千玺">易烊千玺</option>	
			</datalist><br />
			歌曲分类:
			<select name="mvCates">
				<!--对列表项进行分组操作,optgroup-->
				<optgroup label="内地音乐">
				<option value="卡路里">卡路里</option>
				<option value="绿色">绿色</option>
				</optgroup>
				<optgroup label="港台音乐">
				<option value="处处吻">处处吻</option>
				<option value="皇后大道东">皇后大道东</option>
				</optgroup>
			</select>
		</form>
	</body>
</html>