- googleformの設定方法
- googleのサービス一覧から「フォーム」を選択する。
- +ボタンで項目を追加していく。
- 入力が必須の項目には必須のスライドをonにしておく。
- フォームが出来上がったら「送信」を押す。
- angle bracketを選択する。
- コピーをクリックしてhtmlに貼りこむ。
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>googleForm</title>
<style>
html, body, div{
margin: 0;
padding: 0;
}
body{
background: #777;
}
#wrapper{
width: 960px;
margin: 0 auto;
background: #fff;
}
.form{
width: 480px;
margin: 0 auto;
}
</style>
</head><body>
<div id="wrapper">
<div class="form"><iframe src="https://docs.google.com/forms/d/1zxBGDCfqvCYAo_trtX-IUbmC3IzWEm4j-mWyupI19Pg/viewform?embedded=true" width="480" height="1000" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます...</iframe></div>
</div>
</body>
</html>
- 見た目がどうなの?という問題はある…