Der Implementierungscode für das Formularelement verwendet die Registrierung als Beispiel-HTML-Tutorial-php.cn

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

高洛峰

Freigeben： 2017-03-03 16:09:55

Original

1486 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren