html テキストボックスが表示されない

Question

前提・実現したいこと

htmlで衣類を登録するページを作ろうとしています。

発生している問題・エラーメッセージ

テキストボックスと、確認ボタンが表示されません。

該当のソースコード

<p>
        登録フォ―ム
        </p>
        <p>
        衣服を追加
        </p>
        <form action="toroku2.php" method="POST"><!--2で処理を行う-->
          <p>  
            名称
            <input　class="name" type="text" name="name" id="name" placeholder=他のアイテムと被らないようにしよう>
          </p>
          <p>色を選択</p>
          <p>
            <select name="color">
              <option value="赤">赤系</option>
              <option value="黒">黒系</option>
              <option value="白">白系</option>
            </select>
          </p>

          <p>ジャンルを選択</p>
            <div class="cp_menu">
              <label for="cp_menu_bar1">menu01</label>
              <input type="radio" name="radio1" id="cp_menu_bar1" class="accordion">
              <ul id="link1">
                <li><a href="">link01</a></li>
                <li><a href="">link02</a></li>
                <li><a href="">link03</a></li>
                <li><a href="">link04</a></li>
              </ul>
            </div>
          <input type="submit" name="kakunin_button" value="確認する">
        </form>

補足情報（CSSも記載しておきます）

label {
  display: block;
  margin: 0 0 4px 0;
  padding : 15px;
  line-height: 1;
  color :rgb(0, 0, 0);
  background :#9bc593;
  cursor :pointer;
}

input{
  display:none;
}

.name{
  padding: 10px;
  background-color: #ffffff;
  border: #000000;
  color: rgb(0, 0, 0);
  border-radius: 5px;
}


/*アコーディオンメニュー*/
.cp_menu {
  position: relative;/*初期位置　これを定義しないとleftが使えない*/
  left:0px;
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {/*選択肢の部分*/
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #4e2b2bcc;
	line-height: 1;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #4e2b2bcc;
	background: #9bc593;
	cursor: pointer;
}
.cp_menu label::before {
	position: absolute;
	content: '▼';
	color: #4e2b2bcc;
	right: 0.5em;
	top: 25%;
}
.cp_menu input {
	display: none;
}
.cp_menu ul {
	margin: 0;
	padding: 0;
	background: rgb(255,250,220);
	list-style: none;
}
.cp_menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu_bar1:checked ~ #link1 li{
  position: relative;/*初期位置　これを定義しないとleftが使えない*/
  left:0px;
	max-height: 46px;
	opacity: 1;
}

Comments

[m.ts10806]

コードはマークダウンのcodeにてご提示ください

Answer 1

非表示に設定されています。

input{
  display:none;
}

radioも表示されてないはず。
あと

      ↓ここの全角スペースもなにかしら影響はあるかも
<input　class="name" 

Comments

[beans]

解決しました。ありがとうございました。