手机
当前位置:查字典教程网 >网页设计 >XHTML >表单Form元素的一些简单实现代码以注册为例
表单Form元素的一些简单实现代码以注册为例
摘要:代码实现方式:NewDocumentdiv{width:35%;margin-left:32%;}表单的注册姓名:密码:邮箱:性别:男女地区...

1

代码实现方式:

<!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 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><input type="text" id="t1" name="Name"></td>

</tr>

<tr><td class=“left” width=40% align="right"><label for="Password1">密 码:</label></td>

<td><input id="Password1" type="password" name="Password" /></td>

</tr>

<tr><td class=“left” width=40% align="right"><label for="e1">邮 箱:</label></td>

<td><input type="email" id="e1" name="youxiang" ></td>

</tr>

<tr><td class=“left” width=40% align="right"><label for="1">性 别:</label></td>

<td><input type="radio" id="1" name="ssex" value="nan" />男<>

<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>

【表单Form元素的一些简单实现代码以注册为例】相关文章:

HTML表格边框的控制实现代码

【HTML 元素】嵌入图像的实现方法

如何把select下拉框的值传到id中实现代码

网页表单元素Input的高级用法11例

网页布局设计的简单原则

让访客记住网站的三段实用代码

HTML中iFrame标签的两个用法介绍

简单掌握HTML中水平线标注与代码注释的用法

网页设计关于表单输入框的技巧代码

html元素遮挡flash详解示例

精品推荐
分类导航