亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索

微信公眾號

首頁文章專題 AI工具學(xué)習(xí) 編程手冊下載最近更新

文章 web3.0 后端開發(fā) web前端數(shù)據(jù)庫開發(fā)工具 php框架常見問題科技 Java 系統(tǒng)教程電腦教程硬件教程手機教程軟件教程游戲教程自媒體新聞

專題后端開發(fā) web前端數(shù)據(jù)庫開發(fā)工具 php框架科技 Java 系統(tǒng)教程電腦教程硬件教程手機教程軟件教程游戲教程新聞

AI工具 AI 聊天問答 Agent智能體 AI 文本寫作 AI 繪畫作圖 AI 設(shè)計工具 AI 視頻創(chuàng)作 AI 音頻制作 AI 辦公學(xué)習(xí) AI 編程開發(fā) Prompt指令

學(xué)習(xí) 大前端后端開發(fā) 數(shù)據(jù)庫移動端運維開發(fā) UI設(shè)計計算機基礎(chǔ)

編程手冊大前端 JavaScript 后端開發(fā) 數(shù)據(jù)庫移動端運維開發(fā) UI設(shè)計計算機基礎(chǔ) XML Web Services

下載 js特效網(wǎng)站源碼工具下載類庫下載網(wǎng)站素材學(xué)習(xí)資源插件擴展手機/移動開發(fā) 手機游戲

表單的標(biāo)簽，元素，屬性

form.action：處理表單數(shù)據(jù)的腳本

form.method: 表單提交的方式，get(默認),post（密文）

fieldset: 表單控件的分組

legend: 是一個標(biāo)簽，配合著fieldset來使用的，用來給fieldset設(shè)置一個標(biāo)題文字

lebel: 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）,標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同

input:在<form> 元素中使用，用來聲明允許用戶輸入數(shù)據(jù)的控件

input.type: 單行文本框

  input.type = "text" 明文
  input.type = "password" 密文
  input.type = "email" 郵箱(驗證)

placeholder：顯示可描述或輸入字段的提示信息

autofocus: 頁面初始化/加載成功時,焦點自動落入

required: 必填項, 不寫不能提交

只有名稱沒有值的屬性叫:布爾屬性(只要寫上就是true,不寫就是false)

min:最小值

max:最大值

option：下拉列表

selected：默認選中

disabled:禁用

checked：屬性規(guī)定在頁面加載時應(yīng)該被預(yù)先選定的 input 元素

以下是注冊的表單代碼

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注冊表單</title>
</head>
<body>
    <form action="register.php" method="post">
    <fieldset style="display: inline-grid;gap: 2em;">
        <legend>新用戶注冊</legend>
        <div class="name">
            <label for="uname">用戶名：</label>
            <input type="text" id="uname" name="nuame" value="" placeholder="字母+數(shù)字，不少于6位" autofocus required />   
        </div>
        <div class="psw">
            <label for="psw">密碼：</label>
            <input type="password" name="password" id="psw" placeholder="不少于6位且不能全為數(shù)字" required />
        </div>
        <div class="email">
            <label for="email">郵箱：</label>
            <input type="email" id="email" name="email" placeholder="abcder@email.com" required />
        </div>
        <div class="sex">
            <label for="male">性別:</label>
            <input type="radio" id="male" name="sex" value="male" checked /><label for="male">男</label>
            <input type="radio" id="female" name="sex" value="female" /><label for="female">女</label>
        </div>
        <div class="age">
            <label for="age">年齡：</label>
            <input type="number" name="age" id="age"  min="18" max="60" required />歲    
        </div>
        <div class="birthday">
            <label for="birthday">出生年月：</label>
            <input type="date" name="birthday" id="birthday" value="2008-08-08" min="1960-08-08" />
        </div>
        <div class="edu">
            <label for="">學(xué)歷：</label>
            <select name="edu" id="">
                <option value="" selected disabled>--請選擇--</option>
                <option value="1">初中</option>
                <option value="2">高中</option> 
                <option value="3">大專</option> 
                <option value="4">大學(xué)</option> 
                <option value="5">博士</option>    
            </select>
        </div>
        <div class="hobby">
            <label for="">興趣愛好：</label>
            <input type="checkbox" name="hobby" value="trave" id="trave" /><label for="trave">旅游</label>
            <input type="checkbox" name="hobby" value="programe" id="programe" checked /><label for="programe">編程</label>
            <input type="checkbox" name="hobby" value="sport" id="sport" /><label for="sport">運動</label>
            <input type="checkbox" name="hobby" value="shoot" id="shoot" /><label for="shoot">攝影</label>
        </div>
        <button>提交</button>
    </fieldset>
    </form>
</body>
</html>