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

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

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

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

解決済

input type="text"で入力できる項目とできない項目があります。原因はなんでしょうか?

white1114
white1114

総合スコア0

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

3回答

0評価

0クリップ

1603閲覧

投稿2018/11/16 02:04

編集2022/01/12 10:58

input type="text"でフォームを作成しているものです。

箇所によって入力できないフォームとできるフォームが出現します。
こちらの原因が不明でして今回ご質問させていただきました。
原因は何にあるのでしょうか?

なお、cssはwebサービス側のバックで用意されているためさわれません。

以下bodyタグの中身です。

html

<form id="customform" class="pera1-form form-horizontal" method="POST"> <input type="hidden" name="oid" value=""> <input type="hidden" name="retURL" value=""> <input type="hidden" name="lead_source" value="Web"> <div class="pera1-editable" data-pera1-type="custom_form"> <div class="form"> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required"></label> <div class="col-sm-8 form_inputs"> <input id="last_name" class="form-control form_input" maxlength="80" name="last_name" size="20" type="text" placeholder="山田" required="required" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required"></label> <div class="col-sm-8 form_inputs"> <input id="first_name" class="form-control form_input" type="text" placeholder="一郎" name="first_name" required="required" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required">会員/非会員</label> <div class="col-sm-8 form_inputs"> <label class="radio-inline"> <input id="00N10000007RbTx" class="form_input" type="radio" value="日本能率協会会員" name="00N10000007RbTx" required="required">日本能率協会会員 </label> <label class="radio-inline"> <input id="00N10000007Rbj9" class="form_input" type="radio" value="日本能率協会非会員" name="00N10000007Rbj9" required="required">日本能率協会非会員 </label> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required">会社名</label> <div class="col-sm-8 form_inputs"> <input id="company" class="form-control form_input" type="text" placeholder="株式会社山田商店" name="company" required="required" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl">部署名</label> <div class="col-sm-8 form_inputs"> <input id="00N10000007R2sM" class="form-control form_input" type="text" placeholder="人事部" name="00N10000007R2sM" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl">役職名</label> <div class="col-sm-8 form_inputs"> <input id="title" class="form-control form_input" type="text" placeholder="部長" name="title" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required">メールアドレス</label> <div class="col-sm-8 form_inputs"> <input id="email" class="form-control form_input" type="email" placeholder="example@peraichi.com" name="email" required="required"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required">お電話番号</label> <div class="col-sm-8 form_inputs"> <input id="phone" class="form-control form_input" type="text" placeholder="080-1234-5678" name="phone" required="required" style="font-family: fontplus-unused;"> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl_required">お問合せ内容</label> <div class="col-sm-8 form_inputs"> <label class="radio-inline"> <input id="00N10000007RbWh" class="form_input" type="radio" value="お申込み" name="00N10000007RbWh" required="required">お申込み </label> <label class="radio-inline"> <input id="00N10000007RbWw" class="form_input" type="radio" value="3ヶ月試用プラン(JMA会員様限定)" name="00N10000007RbWw" required="required">3ヶ月試用プラン(JMA会員限定) </label> <label class="radio-inline"> <input id="00N10000007RbX6" class="form_input" type="radio" value="デモ実施" name="00N10000007RbX6" required="required">デモ実施 </label> <label class="radio-inline"> <input id="00N10000007RbXB" class="form_input" type="radio" value="デモID発行" name="00N10000007RbXB" required="required">デモID発行 </label> <label class="radio-inline"> <input id="00N10000007RbXG" class="form_input" type="radio" value="資料請求" name="00N10000007RbXG" required="required">資料請求 </label> <label class="radio-inline"> <input id="00N10000007RbXL" class="form_input" type="radio" value="その他" name="00N10000007RbXL" required="required">その他 </label> </div> </div> <div class="form-group" data-elem-name="formInputCustomText"> <label class="col-sm-3 control-label customFormGroup_ttl">お問合せの詳細</label> <div class="col-sm-8 form_inputs"> <textarea id="00N10000007RA0L" rows="4" cols="40" class="col-sm-8 form_input form-control" placeholder="詳細をご記入ください" name="00N10000007RA0L" style="font-family: fontplus-unused;"></textarea> </div> </div> <input type="submit" name="submit" class="btn btn-primary btn-customform-submit pera1-editable col-sm-offset-3 col-sm-8"> </div> </div> </form>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

maisumakun
maisumakun

2018/11/16 02:10

具体的に、どれが「入力できる項目」でどれが「入力できない項目」なのでしょうか。
white1114
white1114

2018/11/16 02:12

具体的に言いますと、「部署名・人事部・役職名・メールアドレス・お電話番号・お問合せ詳細」が入力可能で、残りは入力不可能です。
white1114
white1114

2018/11/16 02:13

姓・名・会社名が入力不可となってます

まだ回答がついていません

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。