Untitled

avatar
unknown
plain_text
2 years ago
3.8 kB
5
Indexable
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>112550090_Hw#02-P1</title>
    <style>
        h1{color: black; background-color: lightgreen;}
        h2{color: red;}
        footer {display:block; clear:both; text-align:left; background:linear-gradient(to left, lightgreen, yellow)}
        legend {color:red;}
    </style>
</head>
<body style="background-color: lightpink;">
    <header>
        <img src="photo.jpg" width="30px" height="auto" alt="自拍照片" style="float: left;">
        <h1>個人小檔案(表單版_Form)_Hw#02-P1</h1>
    </header>
    <section>
        <form method="post" action="mailto:sjtseng.cs12@nycu.edu.tw">
            <fieldset>
                <legend>個人基本資料</legend>
                <p>
                    <label>姓名：</label>
                    <input type="text" name="name">
                </p>
                <p>
                    <label>學號：</label>
                    <input type="text" name="number">
                </p>
                <label>年級：</label>
                <input type="radio" checked>
                <label>大一</label>
                <input type="radio">
                <label>大二</label>
                <input type="radio">
                <label>大三</label>
                <input type="radio">
                <label>大四</label>
                <input type="radio">
                <label>研究所以上</label>
                <input type="radio">
                <label>延畢</label>
            </fieldset>
            <hr>
            <fieldset>
                <legend>其他資訊</legend>
                <ol>
                    <p><li>興趣(愛好)--平常休閒時，你喜歡下列哪些活動?(可複選)</li></p>
                    <input type="checkbox" checked>閱讀
                    <input type="checkbox">打球/體能訓練
                    <input type="checkbox">逛街
                    <input type="checkbox">聽音樂
                    <br>
                    <p><li>系統工具--本學期的幾次作業，你使用過哪些瀏覽器程式?(可複選)</li></p>
                    <select multiple size="3">
                        <option value="option1" selected>Google Chrome</option>
                        <option value="option2">Mozilla Firefox</option>
                        <option value="option3">Microsoft Edge</option>
                        <option value="option4">Opera</option>
                        <option value="option5">Safari</option>
                    </select>
                    <p>*操作提示(複選，適用於Windows系統等):移動滑鼠指標到指定選項，然後同時按住ctrl鍵跟滑鼠左鍵</p>
                    <p><li>遭遇問題--有關進行中的學期專案，簡單描述你碰過哪些問題?</li></p>
                    <textarea name="textarea" rows="5" cols="40" placeholder="1.選定專案主題. 2..."></textarea>
                    <li>
                        本次作業，你的繳交時間?
                        <input type="datetime-local" name="datetime">
                    </li>
                </ol>
            </fieldset>
            <p>
                <button type="submit">提交</button>
                <button type="reset">重新輸入</button><br>
            </p>
        </form>
        <button style="color: red;" onclick="history.back()">回到前頁(Back to Previous Page)</button>
    </section>
    <hr>
    <footer>
        <p style="color: blue;">Hw#2摘要資訊(Summary Information of Hw#2)</p>
        <ul>
          <li>內容:P1_HTML-Form+P2_HTML-Table</li>
          <li>繳交期限：2024.04.07(週日)</li>
        </ul>
    </footer>
</body>
</html>
Editor is loading...
Leave a Comment