Heim  >  Artikel  >  Web-Frontend  >  Der Implementierungscode für das Formularelement verwendet die Registrierung als Beispiel

Der Implementierungscode für das Formularelement verwendet die Registrierung als Beispiel

高洛峰
高洛峰Original
2017-03-03 16:09:551453Durchsuche

In diesem Artikel werden hauptsächlich einige einfache Implementierungscodes von Formularelementen vorgestellt. Am Beispiel der Registrierung können sich Freunde in Not auf die Code-Implementierungsmethode beziehen: Der Implementierungscode für das Formularelement verwendet die Registrierung als Beispiel


Der Code lautet wie folgt:

<!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"> 
p{ width:35%;margin-left:32%;} 
</style> 
</head> 
<body > 
<p> 
<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设置成一样的就行了--> 
<input type="radio" id="2" name="ssex" value="nv" />女 
</td> 
</tr> 
<tr><td class=“left” width=40% align="right">地 区:</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> 
</p> 
</body> 
</html>
Beachten Sie, dass die Funktion der Beschriftung im Code darin besteht, die Maus beim Klicken auf den Text automatisch auf das Textfeld zu fokussieren!




Der Code lautet wie folgt:

Für weitere Formularelement-Implementierungscodes nehmen Sie bitte die Registrierung als Beispiel. Achten Sie bei verwandten Artikeln bitte auf PHP Chinesische Website!
<label for="t1">姓 名:</label>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn