teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

html追加

2017/12/20 09:25

投稿

Anfanger
Anfanger

スコア24

title CHANGED
File without changes
body CHANGED
@@ -52,4 +52,34 @@
52
52
  $('.lists').html(template);
53
53
  });
54
54
  }
55
+ ```
56
+ ```ここに言語を入力
57
+ <!DOCTYPE html>
58
+ <html>
59
+ <head>
60
+ <meta charset="UTF-8">
61
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
62
+ <meta name="format-detection" content="telephone=no">
63
+ <title>jQuery</title>
64
+ <link rel="stylesheet" href="../../common/css/reset.css">
65
+ <link rel="stylesheet" href="../../common/css/base.css">
66
+ <link rel="stylesheet" href="./css/style.css">
67
+ </head>
68
+ <body>
69
+ <div class="wrap">
70
+ <div class="container">
71
+ <div class="header">
72
+ <p class="header__title">Search Books!</p>
73
+ </div>
74
+ <div class="search">
75
+ <div class="search__text">
76
+ <input type="text" id="js-search-word" class="search__text__input" placeholder="検索する">
77
+ </div>
78
+ <button id="js-search-button" class="search__btn">検索する</button>
79
+ </div>
80
+ <ul class="lists"></ul>
81
+ </div>
82
+ </div>
83
+ <script src="../../common/js/jquery.js"></script>
84
+ <script>
55
85
  ```