webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

google form

  • googleformの設定方法

f:id:ohta-felica:20160629223544p:plain

  • googleのサービス一覧から「フォーム」を選択する。

f:id:ohta-felica:20160629223956p:plain

  •  +ボタンで項目を追加していく。

f:id:ohta-felica:20160629224228p:plain

  •  入力が必須の項目には必須のスライドをonにしておく。

f:id:ohta-felica:20160629224420p:plain

  •  フォームが出来上がったら「送信」を押す。

f:id:ohta-felica:20160629224714p:plain

  • angle bracketを選択する。

f:id:ohta-felica:20160629224833p:plain

  • コピーをクリックして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> 

f:id:ohta-felica:20160629230110p:plain

  • 見た目がどうなの?という問題はある…