博客列表 >3-19作业 [表单]

3-19作业 [表单]

虞者自愚的博客
虞者自愚的博客原创
2018年03月20日 10:32:02749浏览

3-19作业 

代码



实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>用户注册</title>
</head>
<body>
<form action="" method="post">
<fieldset >
<table cellspacing="0" cellpadding="8" border="0" bgcolor="#dff6fd" >
    <legend><h3>用户注册</h3></legend>
        <tr>
            <td><label for="name">用户名:</label></td>
            <td><input type="text" id="name" name="name" placeholder="不少于5个字符" value="" size="30" width="200" /></td>
        </tr>
         <tr>
            <td><label for="password">密码:</label></td>
            <td><input type="password" id="password" name="password" placeholder="数字+字母+数字不少于10位" value="" size="30" width="200" /></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>
            <input type="radio" name="sex"  value="1" />男
            <input type="radio" name="sex"  value="2" />女
            <input type="radio" name="sex"  value="3" checked="" />保密
            </td>
        </tr>
       <tr>
            <td>学历:</td>
            <td>
<select name="xueli" >
    <option value="1">高中</option>
    <option value="2" selected="">大专</option>
    <option value="3">本科</option>
    <option value="4">硕士</option>
    <option value="5">博士</option>
</select>
            </td>
        </tr>
         <tr>
            <td>兴趣爱好:</td>
            <td>
            <input type="checkbox" name="aihao[]" value="1" />旅游
            <input type="checkbox" name="aihao[]" value="2" />购物
            <input type="checkbox" name="aihao[]" value="3" />烹饪
            <input type="checkbox" name="aihao[]" value="4" />健身
            <input type="checkbox" name="aihao[]" value="4" />健身
            </td>
        </tr>
         <tr>
            <td>头像:</td>
            <td><input type="file"  name="photo" accept="images/*" /></td>
        </tr>
         <tr>
            <td><label for="comment">个人简介:</label></td>
            <td><textarea name="comment" id="comment" cols="40" rows="5" placeholder="个人介绍"></textarea>
        </tr>

        <tr>
            <td colspan="2">
            <input type="submit" name="submit">   
            <input type="reset" name="reset">
            </td>

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

运行实例 »

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


手写代码:

1521513117497573.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议