Pre-Practice Blog: 文字を囲むような枠を作る

2018年1月2日火曜日

fieldsetとlegendでこういう枠を作る

コード.gs

function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}

意訳

この機能がやること
指定したHTMLファイルを表示する

index.html

<!DOCTYPE html>
<html>
<body>
  <fieldset>
    <legend>グループ</legend>
    <input type="text">
  </fieldset>
</body>
</html>

意訳

これはHTML5文書です


グループ化する
タイトルを置く
テキストボックスを置く

Pre-Practice Blog