請建立一份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>
沒有留言:
張貼留言