- <form>
- <label> お名前:</label>
- <input type="text" name="name" placeholder=" お名前を入力して下さい"><br>
- <label> 電話番号:</label>
- <input type="text" name="phonenumber" placeholder=" 電話番号を入力して下さい"><br>
- <label> Email:</label>
- <input type="text" name="email" placeholder=" Emailアドレスを入力して下さい">
- </form>
- label {
- display: inline-block;
- margin-bottom: 8px;
- width: 150px;
- }
- input {
- background: rgba(255, 255, 255, 0.1);
- border: none;
- border-radius: 4px;
- font-size: 15px;
- outline: 0;
- padding: 10px;
- width: 270px;
- box-sizing: border-box;
- background-color: #e8eeef;
- color: #333;
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
- margin-bottom: 20px
- }
- input:focus {
- background: #d2d9dd
- }