418day（新增标签，属性，表单）

最新推荐文章于 2024-05-10 11:21:23 发布

原创最新推荐文章于 2024-05-10 11:21:23 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了HTML表单的创建与使用，包括输入框、下拉列表及字段集等元素，并通过CSS进行样式设计，确保了良好的用户体验与界面美观。

《2018年11月26日》【连续418天】

标题：新增标签，属性，表单；
内容：

<input type="text" value="请输入" list="an">
	<datalist id="an">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
	</datalist>

<fieldset>
		<legend>用户登录</legend>
		用户名： <input type="text"><br>
		密码：	<input type="password" name="">
	</fieldset>

<style>
		*{
			margin: 0;
			padding: 0;
		}
		.box {
			width: 600px;
			border: 1px solid #ccc;
			margin: 0 auto;
		}
		.box dl {
			overflow: hidden;
			margin: 15px;
		}
		.box dl dt, .box dl dd {
			float: left;
		}
		.box dl dt {
			width: 100px;
		}
		.box dl dd {
			width: 200px;
		}

	</style>

<div class="box">
		<dl>
			<dt>常住地</dt>
			<dd><input type="text"></dd>
			<dd> *</dd>
		</dl>
		<dl>
			<dt>常住地</dt>
			<dd><input type="text"></dd>
			<dd> *</dd>
		</dl>
		<dl>
			<dt>常住地</dt>
			<dd><input type="text"></dd>
			<dd> *</dd>
		</dl>
	</div>