天天看點

使用HTML制作簡易求職表

1.代碼及問題注釋

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單小結</title>
</head>
<body>
    <p>申請表</p>
    <form auction="login.html" method="post">
        <div>姓名:<input type="didden" name="zhangsan"><br><!--這裡用隐藏域顯示姓名-->
        密碼:<input type="password"><br>
        照片:<br><input type="file" name="file"><br><!--輸入檔案-->
        感興趣的職位:<br>
            <input type="radio" name="interestingjob" value="Web設計" checked="checked">Web設計
            <input type="radio" name="interestingjob" value="Web開發">Web開發<br>
        向往城市:
            <select name="Yearingforthecity">
                <option value="請選擇">請選擇</option><!--select下拉清單用selected來确定預設值-->
                <option value="南京">南京</option>
                <option value="上海">上海</option>
                <option value="杭州">杭州</option>
            </select><br>
        協定<br>
            <textarea cols="30" rows="4" name="agreement" readonly="readonly">求職資訊必須真實、準确,本網站隻負責向企業推薦。</textarea><br>
        <input type="checkbox" name="agreement" value="我認真閱讀并接受以上協定" checked="checked">我認真閱讀并接受以上協定<br>
            經驗:<br>
            <select name="experience">
                <option value="無經驗">無經驗</option>
                <option value="有經驗">有經驗</option>
            </select><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="image" src="picture.png" width="40" readonly>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="重置"><!--這裡的送出按鈕和重置按鈕排版可以采用空格隔開也可以使用表格進行設定-->
        </div>
    </form>
</body>
</html>