首页 > 试题广场 >

根据下图，编写HTML结构。要求：遵循xHTML 1.0规范

[问答题]
根据下图，编写HTML结构。要求：遵循xHTML 1.0规范且符合Web语义。
查看答案及解析
添加回答
洁头像 洁 
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">

<head lang="en">
    <meta  http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title></title>
    <style>
        dt{font-weight: bold}
    </style>
</head>
<body>
<form action="">
    <section>
        <dl>
            <dt>您的基本信息</dt>
            <dd>
                <span>姓名:</span>
                <input type="text">
            </dd>
            <dd>
                <span>性别:</span>
                <select name="sex">
                    <option value="1"  selected="selected">女</option>
                    <option value="2">男</option>
                </select>
            </dd>
        </dl>
    </section>
    <section>
        <dl>
            <dt>设置密码</dt>
            <dd>
                <span>密码:</span>
                <input type="password">
            </dd>
            <dd style="text-indent: -2em">
                <span>再输一遍:</span>
                <input type="password">
            </dd>
        </dl>
        <dl>

            <dd>
             <input type="submit" value="确定">
             <input type="button" value="取消">
            </dd>
        </dl>
    </section>
</form>

</body>
</html>

发表于 2015-08-21 20:13:21 回复(0)
一张圆圆脸头像 一张圆圆脸
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
form{
width:400px;
border:1px solid #E3E1E1;
height:230px;
}
fieldset{
width:200;
border:1px solid #FFFFFF;
margin:10px 0 0 0;
padding-left:10px;
font-family:黑体;
font-weight:bold;
}
label{
text-align:right;
margin:5px 0 0 20px;
font-family:宋体;
font-weight:normal;
font-size:14px;
display:inline-block;
width:70px;
}
#button{
margin:0 110px;
float:left;
}
</style>
</head>

<body>
<form>
<fieldset>
<legend>您的基本信息</legend>
<label for="name">姓名：</label>
<input type="text" name="username"/><br/>
<label for="sex">性别：</label>
<select name="sex">
<option value="1" selected="selected">男性</option>
<option value="2">女性</option>
</select>
</fieldset>
<fieldset>
<legend>设置密码</legend>
<label for="password">密码：</label>
<input type="password"/><br/>
<label for="password">再输一遍：</label>
<input type="password"/>
</fieldset>
<div id="button">
<input  type="submit" value="确定"></input>
<input  type="reset" value="取消"></input>
</div>
</form>
</body>
</html>

编辑于 2017-03-10 11:32:04 回复(0)
笛声头像 笛声
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
<style type="text/css">
body,div,form,input,fieldset,legend,label{
margin: 0;
padding: 0;
}
fieldset{
width: 300px;
border:none;
margin-left: 100px;
margin-top: 10px;
}
fieldset legend{
font-weight: bold;
}
input,select{
margin-top:10px; 
}
input:not:[type="submit"]{
width: 70%;
margin-left: 10px;
}
label{
display: inline-block;
width: 80px;
text-align: right;
}
</style>
</head>
<body>
<form method="post">
<fieldset>
<legend>您的基本信息</legend>
<label for="name">姓名:</label>
<input type="text" name="username"/><br/>
<label for="name">性别:</label>
<select>
<option value="male" checked>
male
</option>
<option value="female">
female
</option>
</select>
</fieldset>
<fieldset>
<legend>设置密码</legend>
<label for="password">密码:</label>
<input type="text" name="password" /><br/>
<label for="password">再输一遍:</label>
<input type="password" name="password"/><br/>
<label for="password"></label>
<input type="submit" value="确定"/>
<input type="submit" value="取消"/>
</fieldset>
</form>
</body>
</html>
发表于 2015-11-10 21:15:27 回复(0)
mlyy头像 mlyy 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.main{
				width: 300px;
				height: 300px;
				border: 1px solid #000;
			}
			.main h3{
				padding-top: 15px;
				margin-bottom: 10px;
				padding-left:10px;
			}
			.info,.pwd{
				padding-left: 45px;
			}
			.s1{
				margin-left: 40px;
				margin-right: 10px;
			}
			.again{
				margin-left: -30px;
			}
			input{
				margin-bottom: 15px;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<h3>您的基本信息</h3>
			<div class="info">
				姓名:<input type="text"><br>
				性别:<select>
						<option>男性</option>
						<option>女性</option>
					</select>
			</div>
			<h3>设置密码</h3>
			<div class="pwd">
				密码:<input type="password"><br>
				<span class="again">再输一遍:</span><input type="password" ><br>
				<input type="submit" value="提交" class="s1">
				<input type="reset" value="取消">
			</div>
		</div>
	</body>
</html>

发表于 2019-08-21 09:43:02 回复(0)
猿来头像 猿来
&lt;form border=1&gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt;您的基本信息&lt;/th&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/table&gt;
编辑于 2018-08-05 10:33:58 回复(0)
天赋小禀头像 天赋小禀
<form>
    <div class="title">您的基本信息</div>
    <div class='item'>    
        <span>姓名</span>
        <input type='text'/>
    </div> 
    <div class='item'>     
        <span>性别</span>
       <select>
            <option selected>男性</option>
            <option>女性</option>
        </select>
    </div>  
<div class="title">设置密码</div>
    <div class='item'>    
        <span>密码</span>
        <input type='password'/>
    </div> 
    <div class='item'>     
        <span>再输一遍</span>
       <input type='password'/>
    </div>
    <button type='submit'>确定</button>
    <button>取消</button>
</form>
发表于 2016-04-17 14:15:03 回复(0)
luankefei头像 luankefei
<form action="">
    <div>
        <h2>您的基本信息</h2>
        <dl>
            <dt>姓名</dt>
            <dd><input type="text" /></dd>
        </dl>
        <dl>
            <dt>性别</dt>
            <dd>
                <select name="" id="">
                    <option value="1" selected="selected">男性</option>
                    <option value="2">女性</option>
                </select>
            </dd>
        </dl>
    </div>

    <div>
        <h2>设置密码</h2>
        <dl>
            <dt>密码：</dt>
            <dd><input type="password" /></dd>
        </dl>

        <dl>
            <dt>再输一遍：</dt>
            <dd><input type="password" /></dd>
        </dl>
        <dl>
            <dt>&nbsp;</dt>
            <dd>
                <input type="submit" />
                <input type="button" />
            </dd>
        </dl>
    </div>
</form>
编辑于 2015-03-21 13:06:23 回复(0)
提交观点

问题信息

前端工程师 阿里巴巴 HTML 2011
来自：阿里巴巴2011前端工...
上传者：Zack
难度：
7条回答 28400浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号