怎么让button标签跳转到其他链接页面? 可以不用input方法么?
在PHP 环境下怎么让这个button跳转到其他链接页面?
可以不用input方法么?
就是求个酷一点标准一点的写法。看到别人用button酱紫两句话就可行。 代码简洁强迫症患者表示这太牛逼了
可是特么很久没写css了。。。脑筋不管用,试了很久没试验出来啊。
本身是在一个函数里。。。擦汗~
function gogo_button()
{
$this->output('');
}
回复内容:
在PHP 环境下怎么让这个button跳转到其他链接页面?
可以不用input方法么?
就是求个酷一点标准一点的写法。看到别人用button酱紫两句话就可行。 代码简洁强迫症患者表示这太牛逼了
可是特么很久没写css了。。。脑筋不管用,试了很久没试验出来啊。
本身是在一个函数里。。。擦汗~
function gogo_button()
{
$this->output('');
}
不能使用 javascript
吗?那在外面裹一层 a
标签可否?
<code><a href="http://segmentfault.com/q/1010000000487641"><button class="button" id="add123">走起</button></a> </code>
可能误解了题主的意思,题主可以把问题问得稍微再详述点。:)
看到题主在楼下的回复,应该是希望 js
实现,那么就比较简单了:
<code><script type="text/javascript"> function goto() { window.location.href = 'http://segmentfault.com/q/1010000000487641'; } </script> <button class="button" id="add123" onclick="goto()">走起</button> </code>
无 onclick
属性的话,如果用纯 js
可以这么写:
<code><button class="button" id="add123">走起</button> <script type="text/javascript"> document.getElementById('add123').addEventListener('click', function() {window.location.href = 'http://segmentfault.com/q/1010000000487641';}, false); </script> </code>
如果夹杂在 php
代码内,题主可以尝试混编:
<code><?php $url = 'http://segmentfault.com/q/1010000000487641'; ?> <script type="text/javascript"> function goto() { window.location.href = '<?=$url ?>'; } </script> <button class="button" id="add123" onclick="goto()">走起</button> </code>
看了你问题的更新,你可以把 js
函数定义在一个文件内,然后引入即可。还有就是混编:
<code><script type="text/javascript"> function goto() { window.location.href = 'http://segmentfault.com/q/1010000000487641'; } </script> <?php //... function gogo_button() { $this->output('<button class="go-button" id="addgo" onclick="goto()">走起</button>'); } //... ?> </code>
既然是转跳,何不用a标签,响应JS脚本也方便。如果只是为了要input的外观,大可不必非得用它,CSS简单就可以实现各式按钮。老外的模板在这方面做的很好。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。
