• 締切済み

プログラミング初心者です。

プログラミング初心者です。 HTMLで今、電話予約の日時をカレンダーで指定するためのコードを書いているのですが、下のコードはその1部を抜き取ったものです。付属の画像の赤い丸で囲んでいる部分のコードですが、 " placeholder="___年__月__日"のコードの部分なのですが、「XHTML10Transitionlでは、<input>属性で " placeholderを使用することができません」という表示がでてコードが発動しませんどうしたらよいでしょうか? 以下コード 付属写真の赤く囲ってある部分です。 <input type="text" id="input_date1" class="cal lt_004 hasDatepicker" name="time_Ldata01[]" placeholder="___年__月__日" readonly="readonly" value=""> 困っています。回答よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • asciiz
  • ベストアンサー率70% (6640/9407)
回答No.2

placeholder属性はHTML5で導入された属性です。 …という話は回答No.1と同じなわけですが、そのエラーが表示されてしまうのは、DOCTYPE宣言で HTML4.01 Traditional としてしまっているからではないでしょうか。 >HTML5とHTML4.01 正しいDOCTYPE宣言で仕様に準拠しよう >https://seopack.jp/internal-seo/basic/html4-html5-doctype.php HTML5宣言にする方が良いのですが、他の部分との都合でそうもいかない場合、4.01で似た機能を実装する回答もありました。 >HTML - html4.01 strictでもplaceholderを使える方法 >https://teratail.com/questions/80753 でもまあ今後使って、さらに改良していくことを考えると、やはりHTML5宣言した方が良いかと。

  • t_ohta
  • ベストアンサー率38% (5081/13278)
回答No.1

placeholder属性はHTML5で導入された属性なのでXHTMLでは利用出来ません。 XHTMLは2009年に開発が中止となった古い規格ですから、新たに勉強されているのであればXHTMLのような古い仕様のモノではなく新しいHTML5を勉強された方がいいかと思います。

関連するQ&A

  • javascriptのプロの方

    初心者です。javascript の placeholder "___年__月__日" を使って、日付けのカレンダーを選択するコードを書いているのですが、コードをサーバーにアップロードして、日付の ___年__月__日は表示されているのですが、カレンダーが表示されません。 困っています。夜も眠れません。 どうしたら表示されるでしょうか?回答よろしくお願いいたします。  表示画像も付属してあります。 書いたコードは下のURLです。 (入力フォームのHTMLファイル) https://drive.google.com/file/d/17Y9Uoe02WcqB8i3snxsHhg7GkRee0Vyl/view?usp=sharing 日付選択のカレンダー表示のコードの一部を上のURLから1部分を抜粋したものもあります。以下。 <table><tbody><tr class="time_list"> <td class="b">第1希望:<span class="fontS">※</span></td> <td class="fontSS"> <table><tbody><tr class="time_list2"> <td> <input type="text" id="input_date1" class="cal lt_004 hasDatepicker" name="time_Ldata01[]" placeholder="___年__月__日" readonly="readonly" value=""> </td> <td> <div class="wrap"> <select id="input_time1" name="time_Ldata01[]"> <option value=""></option> <option value="10:00~11:00">10:00~11:00</option> <option value="11:00~12:00">11:00~12:00</option> <option value="12:00~13:00">12:00~13:00</option> <option value="13:00~14:00">13:00~14:00</option> <option value="14:00~15:00">14:00~15:00</option> <option value="15:00~16:00">15:00~16:00</option> <option value="16:00~17:00">16:00~17:00</option> <option value="17:00~18:00">17:00~18:00</option> <option value="18:00~19:00">18:00~19:00</option> <option value="19:00~20:00">19:00~20:00</option> </select> </div> </td> </tr></tbody></table>

  • HTMLに詳しい方に質問です。。

    http://lab.synck.com/Cal3.0/ このページを改変したいのですが、質問がございます。 カレンダーの「2014年5月」部分を真ん中にし、「>prev」を左端、「<next」を右端という位置にしたいです。 「-」部分は削除します。 この方法が分かりません。CSSとjsどちらをいじるのでしょうか? jsのコードの calHTML += "<input type='button' onclick='cal_move("+calId+",-1);' value='&lt; prev' />"; という部分からが、該当のソースだということは分かっています。 この問題についておわかりの方いらっしゃいましたらお願いします。

    • ベストアンサー
    • HTML
  • Calendarクラスのフィールドは、クラス変数?インスタンス変数?どちらですか?

    宜しくお願いします。 Calendarクラスのフィールドの、Calendar.YEARなどは、 Calendarというクラス名で修飾されているので「クラス変数」ですよね。 クラス変数なので、全てのインスタンスで共有されているはずです。 なので、あるインスタンスから、Calendar.YEARに変更を加えると、全てのインスタンスに 変更が適用されると思うのですが、そうなりません。何故でしょうか。 例えば以下のようなコードを書いた場合、このように出力されます。 2008年10月6日 2009年10月6日 2008年10月6日 YEARはクラス変数なので、3つ目の出力も2009年になると思ったのですが、YEARは 各インスタンスで所有されているようです。 (上手くインデントできないようでして、読みにくいコードで失礼します) import java.util.*; public class DateTest { public static void main(String[]args){ Calendar cal = Calendar.getInstance(); showDate(cal); Calendar cal2 = Calendar.getInstance(); cal2.add(Calendar.YEAR, 1);//ここでCalendarのクラス変数を変更している showDate(cal2);//変更が適用されている showDate(cal);//変更が適用されていない?なぜ? }  //Calendarインスタンスの年・月・日を出力する public static void showDate(Calendar cal){ System.out.println(cal.get(Calendar.YEAR)+"年"              +(cal.get(Calendar.MONTH)+1)+"月" +cal.get(Calendar.DATE)+"日"); } } プログラムは嘘をつかないので、自分の理解が誤っていると思います。 どなたか解決する知識をお持ちの方、どうぞご教示ください。 (初心者ですので、できれば、ほどほどのレベルの説明でお願いします。) 宜しくお願いします。

  • html5でのphpについて

    html5でのphpについて phpの "readonly="readonly" value=で入力フォームの情報を送りたいのですが、HTML5では textareaでは textareaタグで属性 valueを使用することができません、と表示されて使用できないのですが、 HTML5で使用できる readonly="readonly" value= に代わる何か良いコードはないでしょうか? 下のコードが書いたコードになります。 input typeでは "readonly="readonly" value=が使えるのですが、 textareaでは valueが使えないと表示されてしまいます。どうしたらよいでしょうか? 画像の見やすいと思います。 コードの書き方も詳しくないので、コードの例などを書いてくれたらうれしい限りです。 困っています。 </div> <div> 職業:<div> <input type="text" name="work"readonly="readonly" value="<?=$work;?>"> <br><br> </div> </div> <div> その他質問:</div> <textarea name="question"readonly="readonly" value="<?=$question;?>"></textarea> </div> phpの "readonly="readonly" value=で入力フォームの情報を送りたいのですが、HTML5では textareaでは textareaタグで属性 valueを使用することができません、と表示されて使用できないのですが、 HTML5で使用できる readonly="readonly" value= に代わる何か良いコードはないでしょうか? 下のコードが書いたコードになります。 input typeでは "readonly="readonly" value=が使えるのですが、 textareaでは valueが使えないと表示されてしまいます。どうしたらよいでしょうか? 画像の見やすいと思います。 コードの書き方も詳しくないので、コードの例などを書いてくれたらうれしい限りです。 困っています。 </div> <div> 職業:<div> <input type="text" name="work"readonly="readonly" value="<?=$work;?>"> <br><br> </div> </div> <div> その他質問:</div> <textarea name="question"readonly="readonly" value="<?=$question;?>"></textarea> </div>

    • ベストアンサー
    • PHP
  • Calendarクラスの日付更新について

    ある日付を追加した時,うまく正式な日付になりません。 (1) 2002年9月30日にセットする (2) 1日追加する --→この時点で2002年9月31日になっている。 (3) 10月1日に正式な日付に直す という流れなのですが・・・ ソースは以下のとおりです。 public static void main(String[] args) {        Calendar cal = new GregorianCalendar();     /*(1)*/     cal.set(2002,9,30);    /*(2)*/     cal.add(Calendar.DATE,1); /*(3)*/ cal.set(cal.get(Calendar.YEAR),cal.get(Calendar.MONTH),cal.get(Calendar.DATE) ); System.out.println(cal.get(Calendar.YEAR) "年"+ cal.getCalendar.MONTH) +"月"+ cal.get(Calendar.DATE) +"日"); } と、表示させると2002年10月1日になっておらず2002年9月31日になったままです。 これはどこに原因があるのでしょうか?ご指導お願いします。

    • ベストアンサー
    • Java
  • Javascriptで日付毎のチェックボックスを判断する方法

    JAVAで予約できるカレンダーを作成するという課題が学校で出てしまい非常に困っています。 仕様: カレンダー関数により、年・月・日を取得しています。 Calendar cal = Calendar.getInstance(); cal.set(cal.get(Calendar.YEAR),cal.get(Calendar.MONTH),cal.get(Calendar.DATE)); int YEAR = cal.get(Calendar.YEAR); int MONTH = cal.get(Calendar.MONTH)+1; int DATE = cal.get(Calendar.DATE); 下記の機能を”Javascript”で実現したいのですが、力不足でどうすることもできません。 実装したい機能: 予約の日付はカレンダー上にある日付毎に設置されたチェックボックスで判断します。予約できる日付は、選択した日付から前後連続した日付けのみ選択可能で、他の日付をまたいで予約することはできないようにする、というものです。 例をあげてみます。 10月10日のチェックボックスを選択したとします。選択した時点で10月の9、10、11日のみチェックボックスにチェックが可能となり、その他はdisabledにします。 次に10月11日のチェックボックスを選択すると、選択した時点で10月の9、12日が選択できるようになります。予約は連続した日付のみ可能ですので、10、11日とその他はdisabledにしなくてはなりません。 どのようなアドバイスでもかまいません。 回答をお願いします。

  • Java CDLC 1.0 での日付計算

    CLDC(携帯向けJava)での日付計算がうまくいきません。 JavaのSEでは、Calender.addなる日付計算関数があるようですが、 CLDC(携帯向けJava)では使えないみたいなので、以下の実験コードを 書いてみました。しかし、意図する結果が得られませんでした。 このケースでのよい計算方法をご存知でしたらご教授 頂ければうれしく思います。または、 以下のプログラムのバグ、ポカアホミス、作法的要修正点、 日付計算仕様的な可能/不可能等お気づきありましたら、 ご指摘頂ければ嬉しいです。 尚、意図した結果とは、下記の★部分において、 1970年1月1日(?曜日) 0:1:0 です。 グリニッジ標準時 1970 年 1 月 1 日 0:00:00 (エポック) からの 経過時間が、60000ミリ秒(60秒) というのを期待しました。 --以下コード-- void print_cal(Calendar cal){ String WEEK=" 日月火水木金土"; int year =cal.get(Calendar.YEAR); int month =cal.get(Calendar.MONTH)+1; int day_of_month=cal.get(Calendar.DAY_OF_MONTH); int day_of_week =cal.get(Calendar.DAY_OF_WEEK); int hour =cal.get(Calendar.HOUR_OF_DAY); int minute =cal.get(Calendar.MINUTE); int second =cal.get(Calendar.SECOND); System.out.println("" + year + "/" + month + "/" + day_of_month + "(" + WEEK.charAt(day_of_week) + ") " + hour + ":" + minute + ":" + second); } Calendar cal = Calendar.getInstance(); long now = cal.getTime().getTime(); print_cal(cal); cal.set(Calendar.YEAR, 2007); cal.set(Calendar.MONTH, Calendar.MAY); cal.set(Calendar.DAY_OF_MONTH, 31); cal.set(Calendar.HOUR_OF_DAY, 6); cal.set(Calendar.MINUTE, 12); cal.set(Calendar.SECOND, 44); print_cal(cal); //<---- 2007/5/31(木) 6:12:44 long time1 = cal.getTime().getTime(); cal.set(Calendar.YEAR, 2007); cal.set(Calendar.MONTH, Calendar.MAY); cal.set(Calendar.DAY_OF_MONTH, 31); cal.set(Calendar.HOUR_OF_DAY, 6); cal.set(Calendar.MINUTE, 13); cal.set(Calendar.SECOND, 44); long time2 = cal.getTime().getTime(); print_cal(cal); //<------ 2007/5/31(木) 6:13:44 long sabun = time2 - time1; //<---- 60000 Date hoge = new Date(sabun); long hoge_time = hoge.getTime(); System.out.println(hoge_time); <--- 60000 //setTime: Calendar の現在の時刻を、指定された Date に。 cal.setTime(hoge); //★この時点でprint_cal。 print_cal(cal); <---- 1970/1/1(木) 9:1:0 ?9時間も経ってる? long now2 = cal.getTime().getTime(); System.out.println("now2: " + now2); <--- 60000。でも60秒がはいってるぽい --コード以上--

    • ベストアンサー
    • Java
  • カレンダーの表示部分をどうしたらいいか困っています

    Javaでcalコマンドと同じ働きをするカレンダーを作っています。(基本方針として、カレンダー関連のクラスが使えないことになっています。) とりあえず、1753年以降でmonth yearと入力するとyear年month月のカレンダーを表示するのには成功したのですが、(http://cube.mods.jp/MyCalendar.txt)これを1年から1752年にも拡張し、yearと入力するとyear年12ヶ月分のカレンダーを表示するようにしようとしています。(http://cube.mods.jp/MyCalendar2.txt) ここで上手く行かないことが出てきました。 1:1年1月1日のカレンダーの表示がおかしい。 calコマンドでは土曜日から始まっているのが、これだと違う曜日からになってしまいました。MyCalendar.javaではカレンダー表示部分printCalendarは特にこれでも問題なかったのですが、MyCalendar2.javaになっておかしくなったので困っています。 2:カレンダーを横に3つ並べて表示できない calコマンドと見た目も似せて作らなくてはいけないので、カレンダーを横に3つ並べたいのですが、このままだと横に並べられないのでどうしたらいいか考えています。何かスマートな方法が思いついた方、是非教えてください。 よろしくお願いします。

    • ベストアンサー
    • Java
  • 週単位の日付の加算

    すみませんが、どなたか教えて下さい。 日付の加算を4週間後、というような日付の加算をしたいのですが、 28日や31日の月があった場合、ずれてしまいます。 どのようにしたら正確なカレンダー通り加算ができるでしょうか? 「20060404」の結果が欲しいが下記だと、「20060405」となってしまう。 Calendar cal = Calendar.getInstance(); cal.set(2006,3,7); int plus = 7*4; //7日×4週間 cal.add(Calendar.DATE, plus);

    • ベストアンサー
    • Java
  • HTMLに詳しい方に質問です。

    http://lab.synck.com/Cal3.0/ このページについてですが、「予定表」の部分をカレンダーの下ではなく、右隣に配置したいです。 そのためには、HTMLのコードをどのように書き換えれば良いでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう