12星座の入力候補を表示してみる
aを入力すると
aに一致するものが候補に出る
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<input type="text" list="star_signs">
<datalist id="star_signs">
<option value="Aries">
<option value="Taurus">
<option value="Gemini">
<option value="Cancer">
<option value="Leo">
<option value="Virgo">
<option value="Libra">
<option value="Scorpius">
<option value="Sagittarius">
<option value="Capriconus">
<option value="Aquarius">
<option value="Pisces">
</datalist>
</body>
</html>
|
意訳これはHTML5文書です 入力欄を置く 入力候補のリストを置く 候補をoptionに入れる |
参考
<datalist>
https://developer.mozilla.org/ms/docs/Web/HTML/Element/datalist
HTML <datalist> Tag
https://www.w3schools.com/tags/tag_datalist.asp
<datalist>
https://developer.mozilla.org/ms/docs/Web/HTML/Element/datalist
HTML <datalist> Tag
https://www.w3schools.com/tags/tag_datalist.asp
