|
 ?
<!DOCTYPE html>
<html>
<head>
<title>name</title>
</head>
<body>
<form action="#" method="get">
<p>姓名：<input type="text" name="UserName" placeholder="請(qǐng)輸入姓名" autofocus autocomplete required /></p>
<p>密碼：<input type="password" name="Pwd" accesskey="s" /></p>
<p>性別：<input type="radio" name="sex" />男<input type="radio" name="sex" />女</p>
<p>愛(ài)好：
<input type="checkbox" name="hobby" />足球
<input type="checkbox" name="hobby" />籃球
<input type="checkbox" name="hobby" />乒乓球
<input type="checkbox" name="hobby" />橄欖球
</p>
<p><input type="file" name="InputFile" multiple></p>
<p>
<!-- HTML5中的新屬性 -->
郵件：<input type="email" name="email" /><br />
電話：<input type="tel" name="tel"><br /><br />
網(wǎng)址：<input type="url" name="url"><br /><br />
數(shù)字：<input type="number" name="number" /><br />
搜索：<input type="search" name="search" /><br />
拖動(dòng)：<input type="range" name="range" /><br />
時(shí)間：<input type="time" name="time" /><br />
日期：<input type="date" name="date" /><br />
時(shí)期：<input type="datetime" name="datetime" /><br />
月份：<input type="month" name="month" /><br />
星期：<input type="week" name="week" /><br />
</p>
<p><input type="submit" name="" /></p>
</form>
</body>
</html>
階段總結(jié)：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>學(xué)生檔案</title>
</head>
<body>
<form action="#" name="StuInfo">
<fieldset>
<legend>學(xué)生檔案</legend>
<p>姓名：<input type="text" name="UserName" placeholder="請(qǐng)輸入學(xué)生名字" autofocus /></p>
<p>手機(jī)：<input type="tel" name="tel" /></p>
<p>郵箱：<input type="email" name="email"></p>
<p>
學(xué)院：
<select>
<option selected="selected">信工院</option>
<option>化工院</option>
<option>新聞院</option>
<option>機(jī)械院</option>
</select>
</p>
<p>
就業(yè)：
<input type="text" list="career" />
<datalist id="career">
<option>PHP</option>
<option>JAVA</option>
<option>JAVASCRIPT</option>
<option>Linux</option>
</datalist>
</p>
<p>出生日期：<input type="date" name="date" /></p>
<p>成績(jī)：<input type="number" name="chengji" /></p>
<p>畢業(yè)時(shí)間：<input type="datetime" name="biyeshijian" /></p>
<input type="submit" name="submit" />
</fieldset>
</form>
</body>
</html>
label標(biāo)簽：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Label標(biāo)簽</title>
</head>
<body>
<h3>label標(biāo)簽的使用</h3>
<!-- 未使用label標(biāo)簽時(shí)，點(diǎn)擊“輸入賬號(hào)”，沒(méi)有反應(yīng)，需要鼠標(biāo)點(diǎn)擊輸入框才能開(kāi)始輸入內(nèi)容 -->
輸入賬號(hào)：<input type="text" /><br />
<!-- 用來(lái)label直接進(jìn)行包裹之后，點(diǎn)擊“輸入賬號(hào)”，就可以輸入內(nèi)容 -->
<label>輸入賬號(hào)：<input type="text" /></label><br />
<!-- 如果label里面有多個(gè)標(biāo)簽，可以通過(guò)for id的格式來(lái)進(jìn)行,下例就是定位到輸入密碼 -->
<label for="password">
輸入賬號(hào)：<input type="text" id="UserName" />
輸入密碼：<input type="password" id="password" />
</label>
</body>
</html>
媒體標(biāo)簽：
audio標(biāo)簽：
video標(biāo)簽：注意三個(gè)屬性，autoplay，controls，loop；
embed標(biāo)簽：媒體播放標(biāo)簽；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多媒體標(biāo)簽</title>
</head>
<body>
<iframe height=498 width=510 src='http://player.youku.com/embed/XNDA4MTExMDY3Mg==' frameborder=0 'allowfullscreen'></iframe>
<br /><br /><br /><br />
<embed src='http://player.youku.com/player.php/sid/XNDA4MTExMDY3Mg==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
<br /><br /><br /><br />
http://player.youku.com/player.php/sid/XNDA4MTExMDY3Mg==/v.swf
</body>
</html>
?
?
?
?
?
?
?
?
?
?
來(lái)源：http://www./content-4-129351.html
|
