這是如何用html標簽來寫一個網頁用戶登錄的頁面，大家可以試着嘗試一下多熟悉這些標簽
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<span> </span>
<!-- 寫一個交互的id-->
<label for="userEmail">用戶名</label>
<span style="color: red;">*</span>
<input type="email" id="userEmail"/>
<span style="color: grey; font-size: 12px;">請使用郵箱的電子郵箱</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 密碼</label>
<span style="color: red;">*</span>
<!-- 密碼框-->
<input type="password" id="userPassword"/>
<span style="color: grey; font-size: 12px;">密碼強度：</span>
<span style="color: red;font-size: 12px;">弱</span>
<span style="font-size: 12px;">中</span>
<span style="color: green; font-size: 12px;">強</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 確認密碼</label>
<span style="color: red">*</span>
<input type="password"id="userPassword1"/>
<br/><br/>
<span> </span>
<label for="">注冊目標</label>
<span style="color: red">*</span>
<!-- 在用input寫一個多選的選擇器-->
<input type="radio"name="sex"/>會員
<span style="color: gray;font-size:12px">(快速賣出或買進產品)</span>
<br/><br/>
<span> </span>
<input type="radio" name="sex" />農業經紀人
<span style="color: gray;font-size: 12px;">(為廣大會員服務促進農產品交易)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>渠道聯盟
<span style="color: gray;font-size: 12px">(成為我們的合作伙伴)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>信息員
<span style="color: gray;font-size: 12px">(采集發布熱點農業信息)</span>
<br/><br/>
<span> </span>
<span style="color: gray;font-size: 12px">備注：請選擇您的主職身份，其他身份可在以后您需要的時候進行擴展</span>
<br/><br/>
<span> </span>
<label for="username">姓名</label>
<span style="color: red">*</span>
<input type="text"placeholder="姓名" id="username">
<span style="color: gray;font-size: 12px">真實姓名（與身份證件一致）</span>
<br/><br/>
<span> </span>
<!-- 再定義一個交互的id-->
<label for="userphonenubren">手機</label>
<span style="color: red">*</span>
<!-- 文本框-->
<input type="text"placeholder="手機"id="userphonenubren"/>
<span style="color: gray;font-size: 12px">11位手機號碼</span>
<br/><br/>
<span> </span>
<label for="">所在區域</label>
<span style="color: red">*</span>
<!-- 下拉列表-->
<select name="" >
<option value="">中國</option>
<option value="">美國</option>
<option value="">澳大利亞</option>
<option value="">新加坡</option>
<option value="">馬來西亞</option>
</select>
<select name="" >
<option value=""> ---北  京---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
</select>
<span style="color: gray;font-size: 12px;">選擇您所在的省/市</span>
<br/><br/>
<span> </span>
<label for="">驗證碼</label>
<span style="color: red">*</span>
<input type=""id="name4"style="width:50px"/>
<img src="../img/151209173849244246.jpg"/>
<a href="text2.html">看不清楚，換一個</a>
<br/><br/>
<span> </span>
<span> </span>
<span> </span>
<input type="button"value="同意以下條款並注冊"/>
<!-- 超鏈接-->
<a href="texe4.html">登入</a>
<span> </span>
<a href="text5.html">找回密碼</a>
<br/><br/>
<span> </span>
<textarea name="" id="" cols="70" rows="10"></textarea>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<span> </span>
<!-- 寫一個交互的id-->
<label for="userEmail">用戶名</label>
<span style="color: red;">*</span>
<input type="email" id="userEmail"/>
<span style="color: grey; font-size: 12px;">請使用郵箱的電子郵箱</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 密碼</label>
<span style="color: red;">*</span>
<!-- 密碼框-->
<input type="password" id="userPassword"/>
<span style="color: grey; font-size: 12px;">密碼強度：</span>
<span style="color: red;font-size: 12px;">弱</span>
<span style="font-size: 12px;">中</span>
<span style="color: green; font-size: 12px;">強</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 確認密碼</label>
<span style="color: red">*</span>
<input type="password"id="userPassword1"/>
<br/><br/>
<span> </span>
<label for="">注冊目標</label>
<span style="color: red">*</span>
<!-- 在用input寫一個多選的選擇器-->
<input type="radio"name="sex"/>會員
<span style="color: gray;font-size:12px">(快速賣出或買進產品)</span>
<br/><br/>
<span> </span>
<input type="radio" name="sex" />農業經紀人
<span style="color: gray;font-size: 12px;">(為廣大會員服務促進農產品交易)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>渠道聯盟
<span style="color: gray;font-size: 12px">(成為我們的合作伙伴)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>信息員
<span style="color: gray;font-size: 12px">(采集發布熱點農業信息)</span>
<br/><br/>
<span> </span>
<span style="color: gray;font-size: 12px">備注：請選擇您的主職身份，其他身份可在以后您需要的時候進行擴展</span>
<br/><br/>
<span> </span>
<label for="username">姓名</label>
<span style="color: red">*</span>
<input type="text"placeholder="姓名" id="username">
<span style="color: gray;font-size: 12px">真實姓名（與身份證件一致）</span>
<br/><br/>
<span> </span>
<!-- 再定義一個交互的id-->
<label for="userphonenubren">手機</label>
<span style="color: red">*</span>
<!-- 文本框-->
<input type="text"placeholder="手機"id="userphonenubren"/>
<span style="color: gray;font-size: 12px">11位手機號碼</span>
<br/><br/>
<span> </span>
<label for="">所在區域</label>
<span style="color: red">*</span>
<!-- 下拉列表-->
<select name="" >
<option value="">中國</option>
<option value="">美國</option>
<option value="">澳大利亞</option>
<option value="">新加坡</option>
<option value="">馬來西亞</option>
</select>
<select name="" >
<option value=""> ---北  京---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
</select>
<span style="color: gray;font-size: 12px;">選擇您所在的省/市</span>
<br/><br/>
<span> </span>
<label for="">驗證碼</label>
<span style="color: red">*</span>
<input type=""id="name4"style="width:50px"/>
<img src="../img/151209173849244246.jpg"/>
<a href="text2.html">看不清楚，換一個</a>
<br/><br/>
<span> </span>
<span> </span>
<span> </span>
<input type="button"value="同意以下條款並注冊"/>
<!-- 超鏈接-->
<a href="texe4.html">登入</a>
<span> </span>
<a href="text5.html">找回密碼</a>
<br/><br/>
<span> </span>
<textarea name="" id="" cols="70" rows="10"></textarea>
</form>
</body>
</html>
