• 2.3学习


    form:表单创建
    action:行动(提交的路径),整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)
    method:方法(提交的方式),表单提交的方式(get/post/delete……等 7 种)
    input:输入
    type:输入的类型
        text:文本(文本输入项)
        password:密码
        radio:单选按钮
        checked:被选中
        checkbox:复选框
        file:文件(文件上传项)
        hidden:隐藏字段
        reset:重置(重置按钮)
        button:按钮(普通按钮)
        submit:提交(提交按钮)
    name:名称(元素名称)
    value:值(输入项的内容)
    size:大小(可以是文字字体的大小,也可以是输入框的宽度)
    maxlength:最大长度(输入框可以输入的最大长度)
    readonly:只读
    disabled:不可用的
    select:选择(下拉列表项)
        option:条目(下拉列表项)
        selected:选择(下拉列表被选中)
    textarea:区域(文本输入域)

    https://www.runoob.com/html/html-forms.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>注册界面</title>
    	</head>
    	<body>
    		<table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
    			<!--1.logo部分-->
    			<tr>
    				<td>
    					<!--嵌套一个一行三列的表格-->
    					<table border="1px" width="100%">
    						<tr height="50px">
    							<td width="33.3%">
    								<img src="../img/logo2.png" height="47px" />
    							</td>
    							<td width="33.3%">
    								<img src="../img/header.png" height="47px" />
    							</td>
    							<td width="33.3%">
    								<a href="#">登录</a>
    								<a href="#">注册</a>
    								<a href="#">购物车</a>
    							</td>
    						</tr>
    					</table>
    				</td>
    			</tr>
    			<!--2.导航栏部分-->
    			<tr height="50px">
    				<td bgcolor="black">
    					    
    					<a href="#"><font size="5" color="white">首页</font></a>    
    					<a href="#"><font color="white">手机数码</font></a>    
    					<a href="#"><font color="white">电脑办公</font></a>    
    					<a href="#"><font color="white">鞋靴箱包</font></a>    
    					<a href="#"><font color="white">家用电器</font></a>    
    				</td>
    			</tr>
    			<!--3.注册表单-->
    			<tr>
    				<td height="600px" background="../img/regist_bg.jpg">
    					<!--嵌套一个十行二列的表格-->
    					<form action="#" method="get" name="regForm">
    					<table border="1px" width="750px" height="360px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
    						<tr height="40px">
    							<td colspan="2">
    								<font size="4">用户注册</font>   USER REGISTER
    							</td>
    						</tr>
    						<tr>
    							<td>
    								用户名
    							</td>
    							<td>
    								<input type="text" name="user" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								密码
    							</td>
    							<td>
    								<input type="password" name="password" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								确认密码
    							</td>
    							<td>
    								<input type="password" name="repassword" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								Email
    							</td>
    							<td>
    								<input type="text" name="email" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								姓名
    							</td>
    							<td>
    								<input type="text" name="username" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								性别
    							</td>
    							<td>
    								<input type="radio" name="sex" value="男" />男
    								<input type="radio" name="sex" value="女" />女
    							</td>
    						</tr>
    						<tr>
    							<td>
    								出生日期
    							</td>
    							<td>
    								<input type="text" name="birthday" size="34px" />
    							</td>
    						</tr>
    						<tr>
    							<td>
    								验证码
    							</td>
    							<td>
    								<input type="text" name="yzm" size="34px" />
    								<img src="../img/yanzhengma.png" />
    							</td>
    						</tr>
    						<tr>
    							<td colspan="2">
    								<input type="submit" value="注册" />
    							</td>
    						</tr>
    					</table>
    					</form>
    				</td>
    			</tr>
    			<!--4.广告图片-->
    			<tr>
    				<td>
    					<img src="../img/footer.jpg" width="100%" />
    				</td>
    			</tr>
    			<!--5.友情链接和版权信息-->
    			<tr>
    				<td align="center">
    					<a href="#">1234</a>
    					<a href="#">2234</a>
    					<a href="#">3234</a>
    					<a href="#">4234</a>
    					<a href="#">5234</a>
    					<a href="#">6234</a>
    					<a href="#">7234</a>
    					<a href="#">8234</a>
    					<p>
    						123456789
    					</p>
    				</td>
    			</tr>
    		</table>
    	</body>
    </html>
  • 相关阅读:
    POJ 3084 Panic Room
    HDU 4111 Alice and Bob
    POJ 2125 Destroying The Graph
    HDU 1517 A Multiplication Game
    Codeforces 258B Little Elephant and Elections
    HDU 2448 Mining Station on the Sea
    ACM MST 畅通工程再续
    ACM DS 畅通工程
    ACM DS 还是畅通工程
    ACM DS Constructing Roads
  • 原文地址:https://www.cnblogs.com/zql-42/p/12261754.html
Copyright © 2020-2023  润新知