質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

1回答

928閲覧

formコードで回答を記入することができない

退会済みユーザー

退会済みユーザー

総合スコア0

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/04/29 07:42

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/ツールのバージョンなど)

特になし。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

全角文字の”をなんとかしましょうね。
全角文字の”を使っているために、input要素にname属性がないものとみなされ、
フォームデータを受信できていないのです。

投稿2020/04/29 07:53

編集2020/04/29 07:54
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問