表单Form元素的一些简单实现代码以注册为例
导读：收集整理的这篇文章主要介绍了表单Form元素的一些简单实现代码以注册为例，觉得挺不错的，现在分享给大家，也给大家做个参考。 代码实现方式： 复制代码代码如下: <!DOCTYPE htML> <head>...
收集整理的这篇文章主要介绍了表单Form元素的一些简单实现代码以注册为例，觉得挺不错的，现在分享给大家，也给大家做个参考。 代码实现方式：
复制代码代码如下:
!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设置成一样的就行了-->
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>
/div>
/body>
/html>
注意其中的代码label实现的功能是使鼠标在点击文本的时候自动聚焦在文本框里！
复制代码代码如下:
label for="t1"> 姓 名：/label>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 表单Form元素的一些简单实现代码以注册为例
本文地址： https://pptw.com/jishu/588108.html