<FORM>~</FORM>内でチェックボックスを表示させていますが、
このチェックボックスを「DISABLED」にすると、もちろんチェック自体も
できませんが、あらかじめ「CHECKED」になっていても値は"on"になりませんよね?
使用不可ではなく、変更不可(この場合値が"on"のまま変更できない)ように
することはできませんでしょうか?お知恵をお貸し下さい!

A 回答 (2件)

JavaScriptを使えば、


  <INPUT type="checkbox" name="xx" value="ooo" checked onClick="this.checked=true">
とすることで、常にチェックが付きます。

disabled は有効でないブラウザ(NN4など)もあり、また有効なブラウザでは値が送信されなくなるようですので、お勧めしません。
なので、
・チェックボックスは見せかけ程度に JavaScript で細工
・チェックボックスの name にはダミー値を指定
・本来送信すべき name と value は、hidden で指定
としてはどうでしょうか。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
イントラのシステムで使用するのでブラウザもIEに固定していますので、
簡単なDISABLE属性を使ってました。
JavaScriptも多少は使用しているのですが、この部分に関しては
受側のプログラムで調整することにしました。
またアドバイスお願いします。

お礼日時:2002/01/21 20:55

外していたらすいません



<input type="checkbox" name="chkname" value="chkvalue" checked disabled>

このことかなと思ったんですが、違うのでしょうか?
#勘違いしているかも

この回答への補足

はい、その辺のとこなんですが

<input type="checkbox" name="chkname" value="chkvalue" checked disabled>

この記述だと、chkname=on にはならないんですぅ。
そんなことないですか?僕が勘違いしてますでしょうか?

補足日時:2002/01/21 18:00
    • good
    • 0
この回答へのお礼

回答ありがとうございました。
submitした受側でいらない処理をしないようにしました。
またアドバイスお願いします。

お礼日時:2002/01/21 20:52

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q
の中に さらに
があるときのSUBMITボタンについて

今、

<FORM ACTION="aaa.asp" METHOD="POST" Name="form1">
<input type="SUBMIT" value="ボタン1">

<FORM ACTION="bbb.asp" METHOD="POST" Name="form2">
<input type="SUBMIT" value="ボタン2">
</FORM>

</FORM>


としていて、ボタン2を押すとbbb.aspに
飛んでほしいのでに、aaa.aspに飛んでしまいます。
こういう場合どのようにすればよいのでしょうか?

それぞれのボタンは hidden の値をそれぞれの
フォームの中の値を渡したいので
どうしてもSubmitがいいのです。

Aベストアンサー

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAMPLE</title>
<meta http-equiv="Content-Type" content="text/html;charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="JavaScript" type="text/javascript">
<!--
//<クリックした時に実行される関数>
//*** 英和辞書
function func1(form){
document.form1.MT.value =form.TXT.value;
document.form1.submit();
}
//*** サーチ
function func2(form){
document.form2.MT.value = form.TXT.value;
document.form2.submit();
}
//-->
</script>
</head>

<body>
<!---実際に画面表示されるフォーム--->
<form>
<input type="text" name="TXT" value="Congratulation" size="40"><br>
<input type="button" onClick="func1(this.form)" value="Eng-JP">
<input type="button" onClick="func2(this.form)" value="goo">
</form>

<!-- 辞書用の仮想フォーム -->
<form name="form1" method="GET"
action="http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi">
<input type="hidden" name="MT">
<input type="hidden" name="sw" value="0">
</form>

<!--- サーチ用の仮想フォーム --->
<form name="form2" method="GET"
action="http://search.goo.ne.jp/web.jsp">
<input type="hidden" name="MT">
</form>

</body>
</html>

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAM...続きを読む

Q文法チェックのの間が空ですについて

初めて文法チェックのサイトで、トップページのHTMLファイルをチェックしました。

99件ものエラーがあり、ある程度、解決しました。
しかし、グローバルナビゲーションのコードで出たエラーの対処のしかたがわかりません。

エラー → <A>と</A>の間が空です

私の場合、グローバルナビゲーションのタグは次のように記載してます。

<ul id="globalnavi">
<li id="menu1"><a href="http://www.test.com/"></a></li>
<li id="menu2"><a href="http://www.test.com/company.html"></a></li>
<li id="menu2"><a href="http://www.test.com/.itemhtml"></a></li>
<li id="menu2"><a href="http://www.test.com/.question"></a></li>
<li id="menu2"><a href="http://www.test.com/request.html"></a></li>
</ul>

何が問題かというと、確かに<a>と</a>の間は空なのですが、この間に「会社概要」、「商品」、「よくある質問」、「問い合わせ」などを記載すると、CSSで出力している画像と重複してしまい、見栄えに問題が生じるからです。

あまり推奨されることではないですが、私は画像に背景と項目名を表記しているので、<a>と</a>にテキストを入力すると、見栄えの問題が生じてしまうのです。

このような場合の対応方法について、わかるかたがおりましたら、教えて頂けないでしょうか?

初めて文法チェックのサイトで、トップページのHTMLファイルをチェックしました。

99件ものエラーがあり、ある程度、解決しました。
しかし、グローバルナビゲーションのコードで出たエラーの対処のしかたがわかりません。

エラー → <A>と</A>の間が空です

私の場合、グローバルナビゲーションのタグは次のように記載してます。

<ul id="globalnavi">
<li id="menu1"><a href="http://www.test.com/"></a></li>
<li id="menu2"><a href="http://www.test.com/company.html"></a></li>
<li id="men...続きを読む

Aベストアンサー

まず、Validatorはチェックすることでよいです。
 よく初心者は仕様とデザインは両立できないと考えてる方がいらっしゃいますが、それはまったく逆です。そもそもHTMLのプレゼンテーション能力には限界があるのでHTMLの文書構造を無視したマークアップが行われてきました。それではHTMLの理念・目的と反するために、HTMLは文書構造を記述し、HTMLよりもはるかに能力のあるスタイルシートにプレゼンテーションを任すことになったのです。
 ⇒14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )

 HTMLさえ、きちんと書かれていれば、そうでないHTMLよりも、はるかに簡単に様々なデザインが可能になるのです。

★a内にテキストを書かない一番の問題は、サイトを訪問するのはscreen端末だけではないということです。スタイルシートを読まない携帯電話や点字端末、スクリーンリーダー、テキストブラウザ・・・そして何よりも検索エンジンがそれを利用してクロールできません。
『Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。 ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )』
 添付図は上記サイトをLynxで表示したものです。

【対策】
★colorをtransparent(透明)にする。
★text-indentを大きくしてoverflowで消す。
★contentプロパティで画像を追加する。
★画像として配置しalt属性で代替文字を記述する。
 :hoverで画像をhiddenにしてもよい
など、方法はたくさんあります。

 HTML4.01strict、XHTML1.0strict、XHTML1.1で正しいHTMLを作成する。Validatorで必ずチェックする。そのうえで、スタイルシートでプレゼンテーションを指定するという方向でよいですよ。
『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』
 それが実際は一番楽です。(^^)

 

まず、Validatorはチェックすることでよいです。
 よく初心者は仕様とデザインは両立できないと考えてる方がいらっしゃいますが、それはまったく逆です。そもそもHTMLのプレゼンテーション能力には限界があるのでHTMLの文書構造を無視したマークアップが行われてきました。それではHTMLの理念・目的と反するために、HTMLは文書構造を記述し、HTMLよりもはるかに能力のあるスタイルシートにプレゼンテーションを任すことになったのです。
 ⇒14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-uc...続きを読む

Q~の中に書く場合。

<link rel="stylesheet" type="text/css" href="common.css" media="all">は、普通<body>~</body> に記述しなければなりませんよね?ただ、使用しているソフト(会社指定で変更不可)が<head>~</head>の中がいじれません。そこで苦肉の策で、bodyの中に書いてみたんです。すると普通に適用されるんで、ラッキーと思ったのですが、これって実際大丈夫なんでしょうか??
後々まずいことになったらイヤなのでどなたかこの件詳しい方教えてください。よろしくお願いします。

Aベストアンサー

ブログなど、<head>を変更できないところでは使われる手法だと思います。
理由はわかりませんが、OKWaveでも、昔、使われていました。

文法を絶対視するのであれば当然NG、デザインもあきらめるしかないと思いますが、
ブラウザの独自仕様を良しとするのであれば、OKでしょう。
もちろん独自仕様ですので、スタイルシートが適用されないブラウザもあるかも知れません。
ブラウザの仕様変更により、アップデートで期待通り表示されなくなる可能性もありますので、
お勧めは出来ませんが、それしか方法がなければその方法を使うしかないんじゃないでしょうか。

Q
タグについて

今、ホームページを作成していて、その中でアンケートを<form>を使って作ったのですが<form method="post" action=" ">のaction=" "の部分にCGIのURLではなくメールアドレスを入力したいのです。どのように書けばよいでしょうか?

Aベストアンサー

formによるメーラーの立ち上げは、ブラウザによって
反応が異なるようです。
とくにPOSTでの引数の受渡しはどのブラウザと
メーラーでもうまくいかなそうなのでGETでなさると
よろしいかと思います。

<form action="mailto:foo@bar.com" method="get">
件名:<input type="text" name="subject"><br>
内容:<br>
<textarea name="body">テスト</textarea><br>
<input type="submit">
</form>

QチェックボックスのONについて

いつも、お世話になります。
同一のページに複数のチェックボックスがある場合、代表するチェックボックスを
ONすると他のチェックボックスも同時にONする方法を教えて頂けませんか。
よろしく、お願い致します。

Aベストアンサー

こんな感じではどうでしょう?

<SCRIPT LANGUAGE=javascript>
<!--
function check(chk,cnt) {
if (chk.checked == true) {
for (i=1; i<=cnt; i++) {
temp = "document.myForm.chk" + i + ".checked=true";
eval(temp);
}
}
}
//-->
</SCRIPT>

<FORM NAME="myForm">
<INPUT type=checkbox name=chk onclick="check(this,3)"><BR>
<INPUT type=checkbox name=chk1><BR>
<INPUT type=checkbox name=chk2><BR>
<INPUT type=checkbox name=chk3><BR>
</FORM>


人気Q&Aランキング

おすすめ情報