Lien dans le champ de texte d'entrée

Vous voulez que quelqu'un clique sur une zone de texte pour être traité comme un lien clic?

Cela semble malveillant pour moi, mais vous pouvez lier l'événement de mise au point via JavaScript vers une fenêtre.ReRirect ().

Je ne sais pas si je reçois la question suivante. Comme je l'ai compris, vous voulez pouvoir taper une ...- étiquette dans un champ de saisie. Aucune autre balise ne devrait être autorisée. Vous pouvez y parvenir en utilisant PHP par exemple:

<!-- HTML-Code -->
<input type="text" name="link" />

// PHP-Code
$link = strip_tags($_POST['link'], 'a'); // Remove all other tags than the <a>-Tag...

Je ne sais pas si j'ai bien compris votre question correctement ou non. Basé sur ma compréhension, j'ai donné la réponse. N'hésitez pas à élever votre question. Rien n'est impossible.

<a href="http://www.google.com" ><span style="border:1px solid blue;" >Link</span></a>

Oui, c'est possible, mais ce n'est pas si simple. Vous devez créer div, ou une autre balise que vous préférez, qui flotte toujours sur votre entrée, en utilisant des positions CSS et de créer une ancre à l'intérieur.

Par exemple, le clavier virtuel IMG est intégré dans le champ de saisie de la page Google russe ( http://www.google .ru / )

En raison de la compatibilité du navigateur, ce n'est pas une tâche simple.

Edit: a compris votre question un peu plus. Vous avez toujours besoin d'une première partie de la réponse et vous devrez gérer l'événement KeyPress à l'intérieur de votre contribution. Lorsque le symbole est entré, vous devrez mettre à jour votre div.

Alors maintenant, la tâche est difficile encore plus. Peut-être devriez-vous réviser votre modèle et non le code.

Ceci n'est malheureusement pas possible dans la manière dont vous l'avez posée dans HTML 4 ou ci-dessous. Même avec HTML5 qui comporte plusieurs nouveaux types d'entrée, y compris l'URL, il ne fait que validation et dispose d'autres fonctions utiles, mais ne vous donnera pas envie de vous le souhaiter.

Vous pouvez rechercher des plugins JQuery qui peuvent vous aider à faire cela, la plupart d'utiliser les mêmes principes derrière le texte riche ou d'autres éditeurs HTML WYSIWYG en ligne / Web. J'ai eu du mal à les localiser moi-même. P>

Ces 3 situations (que je peux penser en ce moment) sont à peu près ce que vous ferez face à la section HTML4 ou ci-dessous, car le texte dans une zone de texte d'entrée HTML4 est pur. Ce n'est pas html et donc pas cliquant. Voici quelques variations: p>

1. L'attribut de valeur de la balise d'entrée, également référencé comme la propriété "valeur" de l'objet DOM correspondant (qui est fondamentalement ce que vous avez fait, et le plus que vous puissiez espérer, si vous décidez que vous devez avoir le Texte réellement dans la zone de texte (car le texte à l'intérieur de la zone de texte est l'attribut de valeur, comme je l'ai avec " http://yahoo.com "Dans cet exemple): P>

   <input id="myTxtbox" type="text">
     <a href="http://yahoo.com">
       http://yahoo.com
     </a>
   </input>
   

   • en pure JavaScript: p>

     document.getelementByID ("mytxtbox"). Valeur code> p> li>

   • en jQuery: p>

     $ ("mytxtbox"). Val () CODE> P> LI> ul> li>

   • Lorsque votre lien / URL est le texte entre le et, c'est-à-dire le texte / Innertext de la zone de texte. Ceci est inutile pour votre question / scénario car il n'est pas cliquable, et plus important encore dans la zone de texte. Cependant, une personne peut souhaiter l'utiliser pour récupérer n'importe quel texte que vous pouvez utiliser comme étiquette (si vous n'utilisez pas l'étiquette code> est déjà la suivante): p>

     <input id="myTxtbox" type="text">
       http://yahoo.com
     </input>
     

     • Pure JavaScript: p>

       document.getelementByID ("mytxtbox"). Innertext code> P> LI>

     • jQuery: p>

       $ ("mytxtbox"). Texte () code> - Vous utiliseriez ceci pour capurer tout texte que vous utilisez peut utiliser comme étiquette (si vous n'utilisez pas la balise). li> ul>

       Le résultat étant: http://yahoo.com code> p> li>

     • Lorsque votre lien / URL est la forme d'une ancrage () avec une HREF à votre URL (et du texte de liaison visible) entre le et, c'est-à-dire l'innerhtml de la zone de texte. Cela se rapproche un peu de ce que vous voulez, car le lien apparaît comme et fonctionne comme un lien réel. Cependant, ce ne sera pas à l'intérieur de la zone de texte. Ce sera le long de la face comme dans l'exemple n ° 2. Encore une fois, comme indiqué dans l'exemple n ° 1, vous ne pouvez pas disposer de HTML de travail réel, et donc un "lien" de travail à l'intérieur d'une zone de texte: p>

           <input id="myTxtbox" type="text" value="http://yahoo.com">
       

       • Pure JavaScript: P>

         document.getelementByID ("mytxtbox"). innerhtml code> p> li>

       • jQuery: p>

         $ ("mytxtbox"). HTML () CODE> P> LI> ul>

         Le résultat étant: http://yahoo.com code> p> li> ol> p>

Voici comment je l'ai fait avec JavaScript et JQuery. Cela enveloppe le champ Texte entier dans un lien hypertexte, il est donc essentiel que tout le champ de texte est capable, ce qui peut ne pas être la fonctionnalité que vous recherchez. Cela a bien fonctionné pour mes besoins.

La raison pour laquelle je n'utilisais pas simplement un $ (NameTextfield) .Click (fonction (Fonction () {...}) est parce que le champ de texte que j'utilise a l'attribut désactivé. , alors cliquez sur les fonctions ne sont pas tirées. C'est pourquoi j'ai dû envelopper le champ de texte dans un lien hypertexte. xxx

Vous pouvez simplement faire cela:

Ainsi, chaque fois que quelqu'un clique sur la zone de texte, cela fonctionne comme un lien, et puisqu'il est lu uniquement, il n'y aura aucune entrée / changement de texte.

Soyez prudent que ce soit, car il ne ressemblera pas à un lien régulier et peut provoquer une confusion, ou peut être mal interprété comme une boîte de texte normale.