能举一个表单标签(form)的例子吗?越简单越好
发布网友
发布时间：2022-05-11 06:29
共2个回答
懂视网
时间：2022-05-11 10:51
代码实现方式：
代码如下:
<!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>
热心网友
时间：2022-05-11 07:59
<head>
<link rel="Stylesheet" type="text/css" href="4-1.css">
<script language="javascript" src="4-1.js"></script>
</head>
<body >
<form >
<div class="first" ondblclick="Go();">
<select onclick="ChangeCom(this.value);">
<option value="a">aaa</option>
<option value="b">bbb</option>
<option value="c">ccc</option>
<option value="d">ddd</option>
</select>
<select id="ChangeSelect">
<option selected>a</option>
<option>a</option>
<option>a</option>
</select><br>
<input id="1"type="checkbox" onclick="Select(this.id);"><label for="1">北京</label>
<input id="2"type="checkbox" onclick="Select(this.id);"><label for="2">南京</label>
<input id="3"type="checkbox" onclick="Select(this.id);"><label for="3">上海</label>
<input id="4"type="checkbox" onclick="Select(this.id);"><label for="4">深圳</label>
<input id="5"type="checkbox" onclick="Select(this.id);"><label for="5">东莞</label><br>
<input type="button" value="提交" onclick="ShowValue();">
</div>
</form>
</body>
</html>
