zoukankan      html  css  js  c++  java
  • 实训篇-Html-表单练习

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>Regist</title>
    	</head>
    	<body>
    		<h3 align="center">注册页面</h3>
    		<form action="emailtop.html" method="get">
    		<table align="center" border="1px" width="350px">
    			<tr height="50px" >
    				<td width="80px" align="center">用户名</td>
    				<td colspan="3" align="center">
    					<input type="text" name="username" id="username" value="" placeholder="邮箱,手机" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>密码</td>
    				<td colspan="3">
    					<input type="password" name="pwd" id="pwd" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>性别</td>
    				<td colspan="3">
    					男<input type="radio" name="sex" id="" value="1" checked />
    					女<input type="radio" name="sex" id="" value="0" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>爱好</td>
    				<td colspan="3">
    					看书<input type="checkbox" name="hobby0" id="" value="0"  />
    					看报<input type="checkbox" name="hobby1" id="" value="1" />
    					看电视<input type="checkbox" name="hobby2" id="" value="2" />
    					学习<input type="checkbox" name="hobby3" id="" value="3" checked />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>籍贯</td>
    				<td colspan="3">
    					<select name="born">
    						<option value="0">请选择</option>
    						<option value="1" selected="">山东</option>
    						<option value="2">河北</option>
    						<option value="3">山西</option>
    					</select>
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>生日</td>
    				<td colspan="3">
    					<input type="date" name="bithday" id="bithday" value="" />
    				</td>
    			</tr>
    			<tr height="100px" align="center" >
    				<td rowspan="3">介绍</td>
    				<td colspan="3" rowspan="3">
    					<textarea name="desc" rows="15" cols="35"></textarea>
    				</td>
    			</tr>
    			<tr height="50px">
    			</tr>
    			<tr height="50px">
    			</tr>
    			
    			<tr height="50px" align="center">
    				<td>手机号</td>
    				<td colspan="3">
    					<input type="number" name="phone" id="phone" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>第几周</td>
    				<td colspan="3">
    					<input type="week" name="week" id="week" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>上传文件</td>
    				<td colspan="3">
    					<input type="file" name="file" id="file" value="" />
    				</td>
    			</tr>
    			
    			
    			
    			<tr height="50px" align="center">
    				<td colspan="4">
    					<!--具有提交表单中数据的作用-->
    					<input type="submit" name="" id="" value="提交" />
    					<!--普通的按钮可以响应某系事件-->
    					<input type="button" name="" id="" value="OK"  onclick="alert('你好')"/>
    					<!--重置表单中的内容 一般不建议使用-->
    					<input type="reset" name="" id="" value="重置" />
    				</td>
    			</tr>
    		</table>
    		</form>
    	</body>
    </html>
    

      

  • 相关阅读:
    yii2.0 邮件发送如何配置
    php(ThinkPHP)实现微信小程序的登录过程
    微信小程序开发
    一个中高级PHP工程师所应该具备的能力
    如何解决PHP的高并发和大流量的问题
    对于PHP面试知识点的小结
    Centos7 redis设置开机自启动
    CENTOS7下REDIS设置密码、开放远程访问权限
    CentOS7安装Redis
    SQL Server 2012允许远程连接(Windows Server 2016)
  • 原文地址:https://www.cnblogs.com/52dxer/p/12161754.html
Copyright © 2011-2022 走看看