1. 程式人生 > 其它 >列表框和檔案域

列表框和檔案域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>註冊</title>
</head>
<body>
<!--表單form
action:表單提交的位置,可以是網站,也可以說是一個請求處理地址
method:post,get 提交方式
get方式提交:我們可以在url看到我們提交的資訊,不安全,高效
post:比較安全,傳輸大檔案

-->
<form action="1.我的第一一個網頁.html" method="get" >
<!--    文字輸入框:input type = "text"
value:預設的初始值
maxlength:最大長度
size:文字框長度
-->
<p>賬戶: <input type="text" name="username" value="我是王剛" maxlength = 8 size="30"></p>
<!--    密碼輸入框:input type="password" -->
<p>密碼: <input type="password" name="pwd"></p>
<p>
    <input type="submit">
    <input type="reset" VALUE="清空表單">
<!--    單選框標籤
radio:單選框標籤
value:單選框的值
name:表示組
-->
    <input type="radio" value="boy" name="sex"/>男.
    <input type="radio" value="girl" name="sex"/>女
<p><h4>愛好</h4>
    <input type="checkbox" value="sleep" name="hobby">睡覺
    <input type="checkbox" value="code" name="hobby">敲程式碼
    <input type="checkbox" value="chat" name="hobby">聊天
    <input type="checkbox" value="game" name="hobby">遊戲</p>
    <p>
<!--        按鈕標籤
input type="button" 按鈕
input type="image" 圖片按鈕
input type="submit" 提交
input type="reset" 重置按鈕
-->
        <input type="button" name="王剛" value="我是王剛"/>
        <input type="image" src="../resources/image/30_2ltfz6uabt.jpg">
    </p>
    <p>下拉框
        <select name="連結串列名稱" >
            <option value="china">中國</option>
            <option value="下拉框的值">美國</option>
            <option value="下拉框的值">日本</option>
            <option value="下拉框的值">韓國</option>
        </select>

    </p>
<!--
cols="30":30列
  rows="10":10行
-->
    <p>文字域
        <textarea name="textarea" cols="30" rows="10"></textarea>
    </p>
<!--    檔案域-->
    <p>檔案
        <input type="file" name="files">
        <input type="button" value="上傳" name="upload">
    </p>
</form>
</p>
</body>
</html>