1. ボタンはリンクのような作りになっています(写真)
送信ボタン
<input type="submit" value="提交">
リンクを送信
<a href="#" onclick="表单名字.submit()">提交</a>
リセットボタン
<input type="reset" value="重置">
リンクをリセット
<a href="#" onclick="表单名字.reset()">重置</a>
通常ボタン
<input type="button" value="按钮" onclick="函数()">
通常リンク
<a href="#" onclick="函数()">链接</a>
写真も同様a タグを img に
2. リンクをボタンのように見せます
<a href="reg.asp">注册</a> =><input type="button" value="注册" onclick="location.href='reg.asp'">
----------------------------- - ---
場合によっては、取得フォームを手動で作成したり、ボタンやリンクを自由に使用したりできます。
<form action="xx.asp" method="get" name="form1"> <input name="aa" type="text" id="aa"> <input name="bb" type="text" id="bb"> <input type="submit" name="Submit" value="提交"> </form> => <input name="aa" type="text" id="aa"> <input name="bb" type="text" id="bb"> <input type="button" value="按钮" onclick="location.href='xx.asp?aa='+document.all['aa'].value+'&bb='+document.all['bb'].value">
-------------------------------------------------
さらにボタンも作れます(リンク) JS 変数、フォーム入力値、ASP 変数、および Recordset 値を同時に渡します
<script language="javascript"> var id1=1; </script> <% id3=3 .... rs.open exec,conn,1,1 假设有rs("id4")=4 ... %> <input name="id2" type="text" id="id2" value="2"> <input type="button" value="按钮" onclick="location.href='xx.asp?id1='+id1+'&id2='+document.all['id2'].value+'&id3=<%=id3%>&id4=<%=rs("id4")%>'">
ボタンを押すと、ブラウザの URL が xx.asp?id1=1&id2=2&id3=3&id4=4
in xx であることがわかります。 ASP では、request.querystring を使用してすべての変数を取得できます。これは、クライアント JS セグメントとサーバー セグメント間の変数の偽装転送ですか?
------------------------------------------------- -------------------------------------------------- ------------------------
ボタンにリンク機能を追加する方法
解決策:
ボタンはコントロールレベルのオブジェクトに属しており、優先度は比較的高いため、画像やテキストなどのリンクを直接追加することはできません。スクリプトはボタンのクリック イベントを通じてのみ呼び出すことができます。
具体的な手順:
1. 元のウィンドウでリンクを開きます
<input type="button" value="闪吧" onClick="location=’http://www.xxx.net’"> <button onClick="location.href=’http://www.xxxx.net’">闪吧</button> <form action="http://www.xxxx.net%22%3e%3cinput/ type="submit" value="打开链接"></form>
2. 新しいウィンドウでリンクを開きます
<input type="button" value="闪吧" onClick="window.open(’http://www.xxxx.net’)"> <button onClick="window.open(’http://www.xxxx.net’)">ggg</button> <form action="http://www.xxxx.net/" target="_blank"><input type="submit" value="打开链接"></form>
注: onClick と呼ばれるコード内の引用符は、単一または二重にネストできます。は 1 つだけで、2 つ以上は "" でエスケープする必要があり、エスケープされた引用符は、
<button onClick="this.innerHTML=’<font color=\’red\’>http://www.xxxx.net</font>’">闪吧</button>
または
<button onClick=’this.innerHTML="<font color=\"red\">http://www.xxxx.net</font>"’>闪吧</button>
のように、内側の引用符と一致している必要があります。 以下は、誤った記述です。
<button onClick="this.innerHTML=’<font color=’red’>http://www.xxxx.net</font>’">闪吧</button> <button onClick="this.innerHTML=’<font color="red">http://www.xxxx.net</font>’">闪吧</button> <button onClick="this.innerHTML=’<font color=\"red\">http://www.xxxx.net</font>’">闪吧</button>ヒント: それらのほとんどは window に属します。または、document オブジェクトのメソッドとプロパティは、接頭辞 window または document を省略できます。たとえば、この例では location.href (location.href は location と省略することもできます。 location のデフォルトのオブジェクトは href です) は window.location.href または document .location.href の省略形の書き方です。
ヒント: この例では、次のメソッドを使用して location.href を置き換えることもできます
location.replace(url) location.assign(url) navigate(url)特別なヒント
最初のステップのコードが実行された後、ボタンをクリックするとリンク ターゲットにジャンプします。 2 番目のステップでは、ボタンをクリックした後、新しいウィンドウでリンクが開きます。
特記事項
この例では、主に onClick を使用してユーザーのボタンをクリックイベントをキャプチャし、location オブジェクトの href メソッドまたは window オブジェクトの open メソッドを呼び出してリンクを開きます。もう 1 つの方法は、フォームを送信してリンク関数を実装することです。ボタンは type=submit ボタンである必要があります。フォームのアクション値はリンク ターゲットであり、ターゲット値はリンクを開くターゲット メソッドです。
以上がHTML静的ページのボタンに送信リンクを追加する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

在html中,可以使用width和height属性来设置button元素的大小,使用background-color属性来设置button元素的颜色,具体语法为“button{width:宽度值;height:高度值;background-color: 颜色值;}”。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 中国語版
中国語版、とても使いやすい

メモ帳++7.3.1
使いやすく無料のコードエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール
