2017-08-18 1 views
0

J'ai un formulaire web très basique: First, Last, email. Je voudrais créer des options/boutons qui ajoutent du texte au champ de courrier électronique.Bouton webform HTML pour ajouter du texte à un champ e-mail

Boutons prédéterminés contenant: @ yahoo.com, @ gmail.com, etc. Que ce soit simplement un lien/texte ou un bouton réel. Je ne peux pas le comprendre!

Merci!

Billy

+1

Qu'avez-vous essayé? Cela ressemble à du JavaScript basique. Vous pouvez répondre à un clic sur un bouton et mettre à jour la valeur d'un élément d'entrée. Où êtes-vous spécifiquement bloqué? – David

Répondre

1

Vous pouvez ajouter une boîte de sélection dont la valeur choisie peut être fournie à l'aide js/zone de texte jquery, et ajouter les options à chaque fois que vous avez besoin d'ajouter d'autres moteurs de messagerie; cela aiderait u à terme que le bouton ajoutant u aurait compromis avec ui si u besoin d'ajouter d'autres moteurs de recherche

1

A select serait mieux regarder selon moi, tel qu'il est utilisé sur fakemailgenerator

<select name="email-domain"> 
    <option value="gmail">@gmail.com</option> 
    <option value="yahoo">@yahoo.com</option> 
    <option value="outlook">@outlook.com</option> 
</select> 

Voici un extrait de jsfiddle pour voir l'exemple de travail https://jsfiddle.net/d713yvbf/