網頁

2019/8/22

HTML 練習 問卷調查表單

請建立一份HTML文件,檔名為survey.html。請用VS Code編輯。

請在文件中建立如下的<form>問卷調查表單。




規格說明

選項組的 差value值為1,普value值為2,好value值為3。

<form>加上名稱屬性name="survey"

每個選項組都放在<div>中來分行。

請使用<label>達到下面效果,也就是點擊選項文字會自動點選radio button。



提示:
HTML <input type="radio"> 單選框 Radio Button


解答:

survey.html

<html>

<head>
</head>

<body>
    <h1>問卷調查</h1>
    <p>感謝您的蒞臨,請對以下各點給予評價:</p>
    <form name="survey">
        <div>餐點口味
            <label><input type="radio" name="taste" value="1">差</label>
            <label><input type="radio" name="taste" value="2">普</label>
            <label><input type="radio" name="taste" value="3">好</label>
        </div>
        <div>用餐環境
            <label><input type="radio" name="environment" value="1">差</label>
            <label><input type="radio" name="environment" value="2">普</label>
            <label><input type="radio" name="environment" value="3">好</label>
        </div>
        <div>服務態度
            <label><input type="radio" name="attitude" value="1">差</label>
            <label><input type="radio" name="attitude" value="2">普</label>
            <label><input type="radio" name="attitude" value="3">好</label>
        </div>
        <div>
            <input type="submit" value="送出">
        </div>
    </form>
</body>
</html>

沒有留言:

張貼留言