html 一個超簡單的表單使用案例

在這裏插入圖片描述
實現代碼;

<html>
<head>
<meta charset = 'UTF-8'>
	<title>表單標籤的一個簡單案例</title>
</head>
<body>
<h1>這是一個超級簡單的表單標籤的一個案例</h1>
<form>
<table width="100%">
	<tr>
		<td align="right">註冊郵箱:</td>
		<td><input type="text" name="mail"/></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>你可以使用<a href="#">賬號</a>註冊或者使用<a href="#">手機號</a>註冊</td>
	</tr>
	<tr>
		<td align="right">創建密碼</td>
		<td><input type="password" name="password"/></td>
	</tr>
	<tr>
		<td align="right">真實姓名:</td>
		<td><input type="text" name="realname"/></td>
	</tr>
	<tr>
		<td align="right">性別:</td>
		<td><input type="radio" name="sex" value="女"/><input type="radio" name="sex" value="男"/></td>
	</tr>
	<tr>
		<td align="right">生日:</td>
		<td>
			<select name="year">
				<option value="1998">1998</option>
				<option value="1999">1999</option>
				<option value="2000">2000</option>
			</select>year
			<select name="month">
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
			</select>month
			<select name="day">
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
			</select>day		
		</td>
	</tr>
	<tr>
		<td align="right">我現在:</td>
		<td>
			<select name="choice">
				<option value="正在上學">正在上學</option>
				<option value="輟學了">輟學了</option>
				<option value="工作了">工作了</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><img src="verycode.gif"><a href="#">看不清換一張?</a></td>
	</tr>
	<tr>
		<td align="right">驗證碼:</td>
		<td><input type="text" name="verycode"/></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><img src="btn_reg.gif"/></td>
	</tr>
<table>
</form>
</body>
</html>

注意:<input />是由結束符號/的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章