主頁 > 知識庫 > 表單Form元素的一些簡單實現(xiàn)代碼以注冊為例

表單Form元素的一些簡單實現(xiàn)代碼以注冊為例

熱門標簽:經(jīng)綸電銷機器人 外呼智能系統(tǒng)報價 鄒城智能外呼系統(tǒng) 浦東新區(qū)百度地圖標注圖片 騰訊植物園地圖標注 華為收費站地圖標注 個貸電銷機器人 電話機器人宣傳片 巫山縣地圖標注app
 
代碼實現(xiàn)方式:

復(fù)制代碼
代碼如下:

<!DOCTYPE html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta charset="utf-8">
<style type="text/css">
div{ width:35%;margin-left:32%;}
</style>
</head>
<body >
<div>
<form class="f1" action="http://www.baidu.com" method="get" >
<fieldset >
<legend>表單的注冊</legend>
<table width=100% >
<tbody>
<tr ><td class=“left” width=40% align="right"><label for="t1">姓 名:</label></td>
<td class="right"><input type="text" id="t1" name="Name"></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="Password1">密 碼:</label></td>
<td class="right"><input id="Password1" type="password" name="Password" /></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="e1">郵 箱:</label></td>
<td class="right"><input type="email" id="e1" name="youxiang" ></td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="1">性 別:</label></td>
<td class="right"><input type="radio" id="1" name="ssex" value="nan" />男<!-- name設(shè)置成一樣的就行了-->
<input type="radio" id="2" name="ssex" value="nv" />女
</td>
</tr>
<tr><td class=“left” width=40% align="right">地 區(qū):</td>
<td><select id="selc" name="place">
<option value="quanzhou">泉州</option>
<option value="xiamen">廈門</option>
<option value="zhangzhou" >漳州</option>
</select>
</td>
</tr>
<tr><td class=“left” width=40% align="right"><label for="txtarea">簡 介:</label></td>
<td><textarea id="txtarea"></textarea></td>
</tr>
<tr><td class=“left” width=40% align="right">興 趣:</td>
<td><input type="checkbox" id="cbox1" name="dushu" value="c1">讀書
<input type="checkbox" id="cbox2" name="yundong" value="c2">運動
<input type="checkbox" id="cbox3"name="chihe" value="c3">吃喝
</td>
</tr>
<tr><td class=“left” width=40% align="right">上 傳:</td>
<td> <input type="file" id="f1" name="shangchuan" value="File1" /></td>
</tr>
<tr><td class=“left” width=40% align="right" rowspan=2>
<input id="Submit1" type="submit" value="提 交" />
</td>
<td> <input id="Reset1" type="reset" value="重 置" />
</td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</div>
</body>
</html>

注意其中的代碼label實現(xiàn)的功能是使鼠標在點擊文本的時候自動聚焦在文本框里!

復(fù)制代碼
代碼如下:

<label for="t1">姓 名:</label>

標簽:唐山 楊凌 那曲 日喀則 滁州 廣西 南平 三沙

巨人網(wǎng)絡(luò)通訊聲明:本文標題《表單Form元素的一些簡單實現(xiàn)代碼以注冊為例》,本文關(guān)鍵詞  表單,Form,元素,的,一些,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《表單Form元素的一些簡單實現(xiàn)代碼以注冊為例》相關(guān)的同類信息!
  • 本頁收集關(guān)于表單Form元素的一些簡單實現(xiàn)代碼以注冊為例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章