• __x__(44)0910第六天__表单


    form表单:

    form必须属性:action,指定一个服务器地址。

    若希望表单中的数据发送给服务器,必须设置name属性。

    用户填写的信息,将会追加在url地址?后面查询字符串的形式发送给服务器,以“&”隔开。

     

    网页用表单来向服务器提交信息

     

    最常见的百度一下

    键入关键字,点击搜索,

    浏览器将关键字通过表单提交到服务器,

    服务器处理表单数据,并响应。


     

    简单的表单实例:


    html代码:

    <!doctype html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>表格</title>
            
            <link rel="stylesheet" type="text/css" href="css/form.css" />
        </head>
    
        <body>
            Hello Web!`    <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            form 是<b>块元素</b>,独占一行。
            
            <div >
                <form action="deal.html" id="userregist" >
                    <!-- 文本框 -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="username" value="" /><br />
                    
                    <!-- 密码框 -->
                    请设置密码:
                    <input type="password" name="userpassword1" value=""/><br />
                    
                    再输入密码:
                    <input type="password" name="userpassword2" value=""/><br />
                    
                    <!-- 单选按钮 -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:
                    <input type="radio" name="usersex" value="boy" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="usersex" value="girl" /><br />
                    
                    
                    <input type="submit" value="马上注册" id="submituser" /><br />
                </form>
            </div>
        </body>
    </html>

    css代码:

    @charset "utf-8";
    
    *{
        margin: 0px;
        padding: 0px;
    }
    
    .clearfix {
        zoom:1;
    }
    
    .clearfix:before,
    .clearfix:after {
        content:"";
        display: table;
        clear: both;
    }
    
    body{
        background-color: #3e4e54;
    }
    
    #userregist{
        width: 500px;
        margin: 0px auto;
    }
    
    #submituser {
        margin: 25px 0px 0px 152px;
    }

     

    --------小尾巴 ________一个人欣赏-最后一朵颜色的消逝-忠诚于我的是·一颗叫做野的心.决不受人奴役.怒火中生的那一刻·终将结束...
  • 相关阅读:
    EffectiveC++ 第6章 继承与面向对象设计
    关于并查集的路径压缩(Path Compress)优化
    EffectiveC++ 第5章 实现
    linux 中ls命令文件夹颜色修改
    linux中发出“滴”的怪声的解决方案
    java 常量池技术
    linux与window文件路径问题
    struts上传文件大小超过配置值的问题
    MDC介绍 -- 一种多线程下日志管理实践方式
    java单例模式的二种正确实现
  • 原文地址:https://www.cnblogs.com/tianxiaxuange/p/9618989.html
Copyright © 2020-2023  润新知