javascript__基础表单

最新推荐文章于 2024-06-24 14:30:19 发布

草鱼狂飙

最新推荐文章于 2024-06-24 14:30:19 发布

阅读量607

点赞数

分类专栏：前端技术

本文链接：https://blog.csdn.net/u014527619/article/details/28101287

版权

前端技术专栏收录该内容

45 篇文章 0 订阅

订阅专栏

基础表单设计

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>基本表单练习</title>
</head>

<body>
<fieldset>
	<legend>注册区域</legend>
	<form action="http://www.xxxxx.com">
	<table border="1" bordercolor="#00FF33" width="600" cellspacing="0" cellpadding="10" >
        <tr>
            <th colspan="2">信息注册页面</th>
        </tr>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="uername"  /></td>
        </tr>
            <tr>
            <td>密码</td>
            <td><input type="password" name="password1"  /></td>
            </tr>
        <tr>
            <td>确定密码</td>
            <td><input type="password" name="password2"  /></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
            	<input type="radio" name="sex" value="men"  />男
            	<input type="radio" name="sex" value="women" />女
           </td>
        </tr>
        <tr>
            <td>技术</td>
            <td>
            	<input type="checkbox" name="tech" value="java" />JAVA
	            <input type="checkbox" name="tech" value="c++" />C++
    	        <input type="checkbox" name="tech" value="html" />HTML
                <input type="checkbox" name="tech" value="c" />C
            </td>
        </tr>
        <tr>
            <td>国家</td>
            <td>
            	<select name="country">
                <option value="none">--选择国家--</option>
                <option value="cn">中国</option>
                <option value="us">美国</option>
                <option value="fg">法国</option>
                <option value="dg">德国</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="提交数据"  />
                <input type="reset" value="清空数据"  />
            </td>
        
        </tr>
    
    

	</table>
	</form>
</fieldset>
</body>
</html>

基础表单