1. 程式人生 > >css製作表單

css製作表單

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<form action="http://www.baidu.com" action="post"> <!--  action:指向傳送地址,action:傳送時處於隱藏狀態.  -->
    <p>
        使用者名稱:<input type="text" name="username" value="某某"> <!--  value:預設值 -->
    </p>
    <p>
        密碼:<input type="password" name="password">
    </p>
    <p>
        性別:男:<input type="radio" name="xingbie" value="男" checked="checked"> <!--  checked:預設值 -->
        女:<input type="radio" name="xingbie" value="女">
    </p>
    <p>
        愛好:籃球:<input type="checkbox" name="hobby" value="籃球" checked="checked"> <!--  checked:預設值 -->
        排球:<input type="checkbox" name="hobby" value="排球">
        足球:<input type="checkbox" name="hobby" value="足球">
    </p>
    <p>
        <select name="xueli" >
            <option value="大學" selected="selected">大學</option>  <!--  selected:預設值,下面高中,初中等表示方法一致-->
            <option value="高中">高中</option>
            <option value="初中">初中</option>
            <option value="小學">小學</option>
        </select>
    </p>
    <p>
        <textarea name="intro" id="" cols="30" rows="10"></textarea> <!--簡介輸入框 -->
    </p>
    <p>
        上傳頭像:<input type="file" name="pic"/>
    </p>
    <p>
        隱藏域:<input type="hidden" name="ip" value="192.168.1.13"/>
    </p>
    <p>
        <input type="submit" value="提交"/>
    </p>
    <p></p>
</form>
</body>
</html>