Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 第三课：列表与表单及实战
Blogger Information
Blog 10
fans 0
comment 0
visits 5294
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第三课：列表与表单及实战
相宇的博客
Original
486 people have browsed it

3.19_列表与表单及实战


代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中医用户注册</title>
</head>
<body>
	<form action="" method="post">
	<table border="0" cellspacing="0" cellpadding="8" align="center" width="400" bgcolor="powderblue">
		<caption><h2>中医用户注册</h2></caption>
		<tr><td colspan="2"><hr></td></tr>
		<tr align="center">
			<td align="right" width="60"><label for="name">手机</label></td>
			<td align="left" width="300"><input type="text" id="name" name="name" value="" placeholder="请输入11位手机号" size="30" width="200"></td>
		</tr>
		<tr align="center">
			<td align="right"><label for="password">密码</label></td>
			<td align="left"><input type="text" id="password" name="name" value="" placeholder="密码不少于6位" size="30"></td>
		</tr>
		<tr align="center">  
				<td align="right">性别</td> 
				<td align="left">
					<input type="radio"  name="sex" value="male">男
					<input type="radio"  name="sex" value="female">女
					<input type="radio"  name="sex" value="secret" checked="">保密
				</td>
			</tr>
		<tr align="center">
				<td align="right">擅长</td> 
				<td align="left">
					<input type="checkbox" name="happy[]" value="neike" checked="">内科
					<input type="checkbox" name="happy[]" value="waike">外科
					<input type="checkbox" name="happy[]" value="fuke">妇科
					<input type="checkbox" name="happy[]" value="erke">儿科
				</td>
			</tr>	
		<tr align="center">
				<td align="right"><label for="level">级别</label></td>
				<td align="left">
					<select name="level" id="level">
						<option value="">执业医师</option>
						<option value="" selected="">主治医师</option>
						<option value="">副主任医师</option>
						<option value="">主任医师</option>
					</select>
				</td>
			</tr>	
		<tr align="center">
				<td align="right"><label for="photo">头像</label></td>
				<td align="left">
					<img src="../html/images/13.png" height="30">
					<input type="file" id="" name="photo" accept="image/*">
				</td>
		</tr>
		<tr align="center">
				<td valign="middle" align="right"><label>简介</label></td>
				<td align="left"><textarea name="comment" id="comment" rows="5" cols="40" placeholder="大医精诚，悬壶济世"></textarea></td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<hr>
				<input type="submit" name="submit" value="提交">
				    
				<input type="reset" name="reset" value="重填">
			</td>
		</tr>	
	</table>
	</form>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

手写代码：

第三课：列表与表单及实战.jpg

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post