テキストボックスでリンクをするにはどうしたらいいですか?
文字を選んだら、リンク先にジャンプするようにしたいのですが・・。
タグ??などを教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

こんにちは。


テキストボックスには初期値で文字を入れておくことができますが、基本的に文字入力用のタグですので、リンク先
のURLを入力して、ボタンで飛ぶという動きになるので
しょうか。それとも、リストボックスのことを言っておら
れるのでしょうか。よくあるリンクの選択としてリストボックスでのリンクの方法を書いてみますね。Javaスクリプトになりますけど下記をページにコピーすれば動くと思います。違っていましたらフォローお願いします。

ここから下。↓
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=x-sjis">
<TITLE>リンク選択</TITLE>
</HEAD><BODY>
<FORM>
<SELECT SIZE = "1" onChange = "location.href = this[this.selectedIndex].value">
<OPTION value = "#">---選択してください---
<OPTION value = "http://www.yahoo.co.jp/">Yahoo!
<OPTION value= "http://www.infoseek.co.jp/">Infoseek
<OPTION value = "http://goo.ne.jp/">goo
</SELECT>
</FORM>
</BODY>
</HTML>

参考URL:http://tohoho.wakusei.ne.jp/
    • good
    • 0

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

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

Qリンク先のテキストボックスへの値の自動入力

アクティブディスクトップの昨日を使用して、リンク先のページを記載したページを壁紙にして使用しています。
<a href=link.html target=a>リンク<a>
で、開いた先のページのテキストボックスに、値が自動入力された状態でページを開く用にする方法は無いでしょうか?
常に入力の必要のある、ユーザ名等を、リンクボタンを押下することで自動入力したいのです。
よろしくお願いします。

Aベストアンサー

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

<script language=javascript>
function fncOpenAndSend(){
var a = window.open('url.asp','_blank');
a.document.GetElementById('x').value = document.GetElementById('y').value;
}
</script>
:
:
<a onclick='if(event.shifyKey != true ) fncOpenAndSend();'>

LocalHostでは十分に動作すると思いますが、readyStateを十分に考慮しないといけないかも。
ザッと書いたので、エラー出るかもしれません。

Qラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか?

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td>
<td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td>
</tr>
<tr>
<td></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td>
<td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td>
</tr>
<tr>
<td></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4"></td>
<td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td>
</tr>
<tr>
<td></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td>
</tr>
</table>

よろしくおねがいいたします。

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="...続きを読む

Aベストアンサー

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<td><br></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" SIZE=40 onFocus="checkRadio(this,1)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" id="p3" onClick="focusText(this,3)"></td>
<td colspan="2">広告を見て</td>
</tr>
<tr>
<td><br></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" SIZE=40 onFocus="checkRadio(this,2)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4" onClick="focusText(this,4)"></td>
<td colspan="2">その他</td>
</tr>
<tr>
<td><br></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40 onFocus="checkRadio(this,3)"></td>
</tr>
</table>
</form>

<script language=javascript>
function checkRadio(num,n){
num.form.addsearch[n].checked=true
}
function focusText(num,n){
num.form.elements["addsearch"+n].focus()
}
</script>

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<...続きを読む

Q文字コードの異なる日本語を含むリンク先アドレスへリンクするには?

文字コードの異なる日本語を含むリンク先アドレスへリンクするには?

<a href="http://www.123.co.jp/cgi-bin/aaa.pl?CID=1&sm=f&si=999&rc=50&ru=http://www.abcd.com/&ck="分類1" target="_blank">商品分類1</a>

上記のリンク(Aタグ)のコーディングですが、別サイトへ日本語を含むDB検索アドレスをリンク先アドレスとして指定しているのですが表示されません。
サイト内ではUTF-8を文字コードに使用していますが、おそらく相手方はShift_JISが文字コードだと思われ、文字コードの違いが原因と思われます。
Aタグ内にaccept-charset="Shift_JIS"と組み込んでみましたが、直りません。

対処方法お分かりの方いらっしゃいましたら教えてください。

Aベストアンサー

提示いただいたURLはダブルクォーテーションが一つ余計ですよね?

パラメータに日本語をくっつける時はURLエンコードしてください。
http://www.tagindex.com/tool/url.html

「分類1」を変換すると、、
 UTF-8 : %e5%88%86%e9%a1%9e%ef%bc%91
 Shift_JIS : %95%aa%97%de%82P
 EUC : %ca%ac%ce%e0%a3%b1

相手方のサイトに合わせて変換してください。

Qリンクタグのテキストを太字にするときのの位置

太字に出来るタグ<B>を使って
リンクのテキストを太字にしたいのですが、
下のようにリンクタグの前に<B>を置くのでしょうか?

<B><a href="アドレス">テキスト</a></B>



それとも、リンクタグのテキストの中に<B>を入れるのでしょか?

<a href="アドレス"><B>テキスト</B></a>



色々なHPのソースをみても上の2通りの書き方で
リンクのテキストを太字にしています。

どちらもきちんとリンクのテキストが太字になるのですが、
どちらが、正式な書き方なんでしょうか?


回答よろしくお願いします。

Aベストアンサー

>#1
質問に対する回答になっていません。
現在最新の勧告である XHTML 1.1 でも b 要素は定義されています。

>#2
#1に対する指摘であることを明示した方が賢明です。


>#0
#3 を補足すると、
<b><a href="$URI">テキスト</a></b>
と書いた場合、a要素に対して font-weight が指定されると b 要素の存在意義がなくなってしまいます。

b 要素がいわゆる論理要素でないことは考慮すべきですが、
『“テキスト”を太字にしたい』というのであれば、この場合は b 要素を a 要素の内容にすべきです。
つまり、<a href="$URI"><b>テキスト</b></a>と記述すべきです。

また、いわゆる物理要素の入れ子関係について、
例えば太字で斜体にしたい場合は、<b><i>テキスト</i></b>でも、その逆でも同じです。
この場合、i 要素に対して font-weight を操作することは不自然ですので。
※深く考えるのであれば、『“斜体文字”を太字にする』のか『“太字”を斜体にする』のかの違いです。

a 要素と b 要素で考えた場合、
『“リンクテキスト”を太字にする』
『“太字”をリンクテキストにする』
では、明らかに前者です。

ただし、
> どちらが、正式な書き方なんでしょうか?
どちらも正式です。
HTMLの妥当性にも反しませんし、適合性にも反しません。
本当に深く考えた場合に、上記のような考察が生じます。

# なお、XHTMLでなくHTMLであっても、要素名は小文字で書くことを個人的に推奨します。

>#1
質問に対する回答になっていません。
現在最新の勧告である XHTML 1.1 でも b 要素は定義されています。

>#2
#1に対する指摘であることを明示した方が賢明です。


>#0
#3 を補足すると、
<b><a href="$URI">テキスト</a></b>
と書いた場合、a要素に対して font-weight が指定されると b 要素の存在意義がなくなってしまいます。

b 要素がいわゆる論理要素でないことは考慮すべきですが、
『“テキスト”を太字にしたい』というのであれば、この場合は b 要素を a 要素の内容にすべきです。
つ...続きを読む

Qテキストボックスへの文字の表示について(文字は可変である)

リストボックスと関連付けさせて、テキストボックスに文字を表示させたいです。
表示のさせ方としては、例えば、リストボックスに5つ(5行)の文字列があります。
実現させたい事は、常にそのページが開いた時はリストボックスの1行目をテキストボックスに表示させたいです。簡単な具体例をあげると、
リストボックスに
1行目に「あ」、
2行目に「い」、
3行目に「う」、
4行目に「え」、
5行目に「お」
とあれば、
テキストボックスに、「あ」と表示。
2行目を選択したら「い」と表示。など・・・。
しかし、リストボックスの文字列の順番は場合により並びが同じではないので、スクリプト言語(VBScript?)を用いないといけないとは思いますが・・・
この例をいうと、ページが開いた時、
1行目に「お」、
2行目に「え」、
3行目に「う」、
4行目に「い」、
5行目に「あ」
とあれば、
テキストボックスに、「お」と表示してほしい。

この説明でご理解いただければ幸いです。
よろしくお願い致します。

Aベストアンサー

>文字列を次のページに引継ぎたい
普通、こう言うのはCGIを使うのだけど、javascriptのみでやってみました。
最初のページ
------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>リストボックスの内容をテキストボックスに表示する</title>
<script type="text/javascript">
function init() {
document.FORM.SELECT_VALUE.value=document.FORM.LIST.options[0].value;
}
function selectValue(f) {
f.SELECT_VALUE.value=f.LIST.value;
}
function convert(f){//決定した値を、変換して、隠し欄に入れる
f.ANS.value=encodeURI(f.SELECT_VALUE.value);//encodeURIを使うのは日本語を渡すため
return true;
}
</script>
</head>
<body onload="init()">
<form name="FORM" action="nextPage.html" method="GET" onsubmit="return convert(this)">
<select name="LIST" onchange="selectValue(this.form)">
<option value="あ">あ</option>
<option value="い">い</option>
<option value="う">う</option>
<option value="え">え</option>
<option value="お">お</option>
</select><br>
<input name="SELECT_VALUE" type="text" value="" size="10"><br>
<input type="submit" value="決定">
<input name="ANS" type="hidden" value="">
</form>
</body>
</html>
------------------------------
次のページ
------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>前のページから値を引き継ぐ</title>
<script type="text/javascript">
<!--
function init() {
var paraName="ANS";//前のフォームエレメントの名前
var loc=location.href+"&"; //切り出し易くするために最後に&を付ける
var qPos=loc.indexOf("?"); //?の位置を調べる
if(qPos == -1){
return; //?が無い時なにもしない
}
loc=loc.substr(qPos, loc.length - qPos);
var xPos=loc.indexOf(paraName+"=");
if(xPos == -1){
return; //無い時なにもしない
}
xPos=xPos + (paraName+"=").length;
var andPos=loc.indexOf("&",xPos);
var v=loc.substr(xPos, andPos-xPos);
document.FORM2.SELECT_VALUE.value=decodeURI(decodeURI(v));
}
//-->
</script>
</head>
<body onload="init()">
<form name="FORM2">
前のページで選ばれたリストの値:
<input name="SELECT_VALUE" type="text" value="" size="10">
</form>
</body>
</html>
------------------------------
日本語を引き継ぐのでなければもっと簡単(encode,decodeがいらない)

>文字列を次のページに引継ぎたい
普通、こう言うのはCGIを使うのだけど、javascriptのみでやってみました。
最初のページ
------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>リストボックスの内容をテキストボックスに表示する</title>
<script type="text/javascript">
function init() {
document.FORM.SELECT_VALUE.value=document.FORM.LIST.optio...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報