为了账号安全,请及时绑定邮箱和手机立即绑定

html+css基础表单。。。

标签:
Html/CSS
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style type="text/css">
    .divcss
    {
        border:1px solid#A1FCDA;
        margin:0 auto;
        width:500px;
    }
    </style>
</head>
<body>
    <div id="表单" class="divcss">
        <form method="get" action="save.php">

        <label for="name">用户名:</label>
        <input type="text" name="用户名" value=" " size="20" id="name" maxlength="10">
        <br/>

        <label for="password">密&nbsp;&nbsp;&nbsp; 码:</label>
        <input type="password" name="密码" value="123456" size="20" id="password" maxlength="16">
        <br/>

        <label for="telephone">电&nbsp;&nbsp;&nbsp; 话:</label>
        <input type="text" name="telephone" value=" " size="20" id="telephone" maxlength="11">
        <br/>

        <label for="id">身份证:</label>
        <input type="text" name="id" value=" " id="id" size="20" maxlength="18">
        <br/>

        性&nbsp;&nbsp;&nbsp;&nbsp;别:
        <label for="man">男</label>
        <input type="radio" name="gender" value="man" id="man" checked="checked">
        <label for="woman">女</label>
        <input type="radio" name="gender" value="woman" id="woman">
        <br/>

        爱&nbsp;&nbsp;&nbsp;&nbsp;好:
        <label for="jog">跑步</label>
        <input type="checkbox" name="爱好" value="jog" id="jog" checked="checked">
        <label for="football">足球</label>
        <input type="checkbox" name="爱好" value="football" id="football" checked="checked">
        <label for="basketball">篮球</label>
        <input type="checkbox" name="爱好" value="basketball" id="basketball">
        <label for="climb">爬山</label>
        <input type="checkbox" name="爱好" value="climb" id="climb">
        <br/>

        你喜欢编程吗?
        <select name="你喜欢编程吗?">
        <option>请选择。。。</option>
        <option value="喜欢">喜欢</option>
        <option value="不喜欢">不喜欢</option>
        </select>
        <br/>

        你会的编程语言有那些?
        <br/>
        <select name="你会的编程语言有那些?" multiple="multiple">
        <option>请选择。。。</option>
        <option value="Java">Java</option>
        <option value="c">c</option>
        <option value="c++">c++</option>
        <option value="php">php</option>
        <option value="c#">c#</option>
        </select>
        <br/>

        <label id="suggest">你对我们有什么建议:</label>
        <textarea cols="50" rows="10">在这里输入。。。</textarea>

        <input type="submit" name="提交" value="提交">
        &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="reset" name="重置" value="重置">
        </form>
    </div>
</body>
</html>
点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消