이 글에서는 등록을 예로 들어 주로 양식 요소의 간단한 구현 코드를 소개합니다. 도움이 필요한 친구는
코드 구현 방법:
을 참조하세요. 코드는 다음과 같습니다:
<!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>
코드에서 레이블의 기능은 텍스트를 클릭할 때 마우스가 자동으로 텍스트 상자에 초점을 맞추도록 하는 것입니다!
코드는 다음과 같습니다.
<label for="t1">姓 名:</label>
더 많은 양식 요소 구현 코드를 보려면 등록을 예로 들어 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!