コード.gs
function doGet() { return HtmlService.createHtmlOutputFromFile("index"); } |
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html> <html> <body> <input type="radio" name="radio1" id="radio1_1" value="yes" checked="checked"> <label for="radio1_1">はい</label> <br> <input type="radio" name="radio1" id="radio1_2" value="no"> <label for="radio1_2">いいえ</label> </body> </html> |
意訳これはHTML5文書です 1つ目のラジオボタンを作る デフォルトでチェックを入れておく それにラベルを付ける 2つ目のラジオボタンを作る それにラベルを付ける |
補足
1. name="raido1"
これでラジオボタンの選択肢をグールプ化している
ラジオボタンはこのグループの中から一つだけ選べる
2. checked="checked"
これを設定すると最初から選択されている状態にできる
3. label for=
idを指定してラジオボタンにテキストを付ける
このテキストを選択してもラジオボタンにチェックが入るようになる
これがないとラジオボタンの丸いアイコンをクリックしないとチェックできない
↓こんな感じでチェックを入れにくい
はい
いいえ
4. 複数選択
複数選択可能にしたい場合はチェックボックスを使う
チェックボックスを作る