HTML表单及PHP搭建

HTML5表单


  • 标签:
<form>表单 input输入域
<textarea>文本域 <table>控制标签
<fieldset>定义域 <legend>域的标题
<select>选择列表 <optgroup>选项组
<option>下拉列表中的选项 <button>按钮
  • 表单创建:

    复选框

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <table border="1">
    <tr><td>
    <from>
    用户名:
    <input type="text"><br/><br/>
    密码:
    <input type="password" ><br/><br/>
    选择喜欢的水果:
    <input type="checkbox">苹果 <!-- 复选框-->
    <input type="checkbox">香蕉
    <input type="checkbox">橘子<br/><br/>
    性别:
    <input type="radio" name="sex">男 <!-- 单选按钮,指定name属性-->
    <input type="radio" name="sex">女
    <br/><br/>
    选择经常访问的网站:
    <select >
    <option >www.baidu.com</option> <!-- 下拉列表-->
    <option >www.google.com</option>
    <option >www.github.com</option>
    </select><br/><br/>
    <!-- 按钮,提交按钮type为submit-->
    <input type="button" name="button1" value="按钮">
    <input type="submit" name="button2" value="提交">
    </from></td></tr>
    </table><br/>
    <!--文本域-->
    <textarea cols="20" rows="20" >请在此填写个人信息</textarea>
  • 页面效果
    GitHub set up