formコードで<input type="name">と<input type="text">に記入することができない
以下のPHPにCSSを連携すると、「Name」と「Company name」の記入欄にカーソルを持っていっても、記入することができない。なおphpにcssを連携しなければ記入することができるので、おそらくcssコードに何らかの問題があると考えられる。
発生している問題・エラーメッセージ
エラーメッセージなし
PHPおよびCSS
<form action="confirm.php" method="post"> <div class="contents1"> <input type="name"placeholder="Name"> <input type="text" id=”” name=”form_answers[parts][ハッシュキー][ハッシュキー]” placeholder="Company"> </div> <div class="contents2"> <input type="mail" name="mail"placeholder="Email"> <input type="number" name="tel"placeholder="Phone"> <div class="box2"></div> <p>Type your message...</p> <textarea row="3" cols="60"id="comment"name="comment"></textarea> </div> <div class="button2"> <input type="submit"value="Send"> </div> <form> 以下、CSSコード * { margin: 0px; padding: 0px; -webkit-user-select : none; -webkit-touch-callout : none; } input, textarea { -webkit-user-select : auto; } html{ background-color: #F6EDE6; } link { } .atama4 { } .atama4 h1 { height: 30px; font-family: Didot; color:#1B1B48; font-size: 25px; width: 50%; display: block; margin-top: 5em; margin-left: 23%; } .atama4 p { margin-top; 3em; display: block; font-family: Didot; color:#1B1B48; font-size: 18px; } input, button, textarea, select{ margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } input::-webkit-input-placeholder { color: #1B1B48; font-family: Didot; } input:-moz-placeholder { color: #1B1B48; font-family: Didot; } input::-moz-placeholder { color: #1B1B48; font-family: Didot; } input:-ms-input-placeholder { color: #1B1B48; font-family: Didot; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } form { } form .contents1 { margin-top: 5em; color: #1B1B48; font-size: 20px; font-family: Didot; width: 100%; } form .contents1 input[type="name"]{/*名前*/ font-size: 20px; float: left; margin-left: 23%; width: 25%; border-bottom: 1px solid #1B1B48; color: #1B1B48; font-size: 20px; font-family: Didot; } form .contents1 input[type="text"]#”” {/*会社名*/ font-size: 20px; margin-left: 2%; float: left; width: 27%; border-bottom: 1px solid #1B1B48; color: #1B1B48; font-size: 20px; font-family: Didot; } form .contents2 { color: #1B1B48; font-family: Didot; font-size: 20px; margin-top: 1em; position: relative; width: 100%; } form .contents2 input[type="mail"] {/*メール*/ margin-top: 1.5em; font-size: 20px; margin-left: 23%; float: left; width: 25%; border-bottom: 1px solid #1B1B48; color: #1B1B48; font-size: 20px; font-family: Didot; } form .contents2 input[type="number"] {/*電話*/ margin-top: 1.5em; font-size: 20px; float:left; width: 27%; margin-left: 2%; border-bottom: 1px solid #1B1B48; color: #1B1B48; font-size: 20px; font-family: Didot; }
試したこと
CSSコードを一つずつ消して実装結果を都度確認していったが、問題部分を特定できなかった。
補足情報(FW/ツールのバージョンなど)
特になし。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。