<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="form.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link rel="stylesheet" href="main.css" type="text/css">
<link rel="stylesheet" href="C.css" type="text/css" id="stylesheet"> <!--ここでcheck部分の表示非表示-->
<title>記入フォーム</title>
</head>
<body>
<h1>写真と文字を入れてください</h1>
<form>
<div class="item">
<label for="design" class="label">選択してください</label>
<select id="design">
<option value="C">C</option>
<option value="D">D</option>
</select>
</div>
<div class="item">
<label class="label">ヘッダー</label>
<input class="inputs" type="text" name="header" id="menu1">
<input class="inputs" type="text" name="header" id="menu2">
<input class="inputs" type="text" name="header" id="menu3">
<input class="inputs" type="text" name="header" id="menu4">
</div>
<div class="item">
<label class="label">トップの文字</label>
<input class="inputs" type="text" name="top">
</div>
<div class="item">
<label class="label">サブタイトル</label>
<input class="inputs" type="text" name="sub-title">
</div>
<div class="item">
<label class="label">テキスト</label>
<textarea class="inputs"></textarea>
</div>
<div class="btn-area">
<input type="button" value="確認する" onclick="changetext()"><input type="reset" value="リセット">
</div>
</form>
<div class="check" id="a">
</div>
<script type="text/javascript" src="js/change_from_form.js"></script>
</body>
</html>
