怎么让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简单就可以实现各式按钮。老外的模板在这方面做的很好。

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Il existe deux façons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton
