zoukankan      html  css  js  c++  java
  • 表格和表单的结合示例

     表格和表单的结合示例demo

    <!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" xml:lang="zh-cn">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>网页标题</title>
        <meta name="keywords" content="关键字列表" />
        <meta name="description" content="网页描述" />
        <link rel="stylesheet" type="text/css" href="" />
        <style type="text/css">
        .xxdjb{
             backGround-color:#e0e0e0;
        }
        table{
            text-align:center;
        }
        
        </style>
        <script type="text/javascript"></script>
    </head>
    <body>
            <!--要提交后端php地址自行修改-->
    <form method="post" action="recrive.php"> <table border="1" rules="all" bordercolor="#000000" > <tr> <th colspan="2" height="50">信息登记表</th> </tr> <tr class="xxdjb" height="50"> <td width="50" >姓名</td> <td><input type="text" name="username"/></td> </tr> <tr height="70"> <td>性别</td> <td> <input type="radio" name="sex" value="nan" checked="checked"/><input type="radio" name="sex" value="nv"/></td> </tr> <tr class="xxdjb" height="50"> <td>爱好</td> <td> <input type="checkbox" name="hobby[]" value="kdy"/>看电影 <input type="checkbox" name="hobby[]" value="tyy" checked="checked"/>听音乐 <input type="checkbox" name="hobby[]" value="ly" checked="checked"/>旅游 </td> </tr> <tr height="50"> <td>月薪</td> <td><input type="text" name="salary"/></td> </tr> <tr class="xxdjb" height="50"> <td>国籍</td> <td> <select> <option name="nationality" selected="selected" value="中国">中国</option> <option name="nationality" value="美国" >美国</option> </select> </td> </tr> <tr height="50"> <td>备注</td> <td><textarea name="beizhu" cols="#" rows="#"></textarea></td> </tr> <tr> <td colspan="2" height="40"> <input type="submit" value="提交信息"/> <input type="reset" value="重置"/> </td> </tr> </table> </form> </body> </html>

  • 相关阅读:
    java包和jar包
    java异常总结
    java异常练习2
    java中的异常处理机制_函数覆盖时的异常特点
    React(三)TableBar,ToDoList,Redux案例
    React(二)组件通信
    React(二)组件通信
    React(一)起步
    React(一)起步
    Vue(二)进阶
  • 原文地址:https://www.cnblogs.com/cxx8181602/p/6112312.html
Copyright © 2011-2022 走看看