Comment puis-je utiliser une multiligne valeur pour un attribut de balise HTML? (c'est à dire comment échapper à saut de ligne?)

Comment puis-je inclure un saut de ligne dans une balise HTML attribut?

Par exemple:

<a href="somepage.html" onclick="javascript: foo('This is a multiline string.
This is the part after the newline.')">some link</a>

Modifier: Désolé, mauvais exemple, que si la balise est arrivé de ne pas être en javascript, dire:

<sometag someattr="This is a multiline string.
This is the part after the newline." />

Edit 2: il s'avère que les saut de ligne dans la chaîne n'était pas mon problème, c'était la fonction javascript je appeler. FWIW, "&#10;" peut être utilisé pour le saut de ligne dans un attribut HTML.

InformationsquelleAutor Kip | 2009-06-11
  1. 20

    De ce que je me souviens sur le standard HTML, les entités de caractères de travail dans les attributs, donc ce pourrait travail:

    <sometag someattr="This is a multiline string.&#10;This is the part after the newline." />

    Je ne sais pas si le "saut de ligne" vous voulez devrait être &#10; (\n) ou &#13;&#10; (\r\n), et je ne suis pas sûr si les navigateurs interprètent de la manière que vous voulez.

    Pourquoi avez-vous besoin? Quel problème essayez-vous de résoudre par l'ajout d'un saut de ligne dans une balise HTML attribut?

    • Il ne fonctionne pas. J'allais poster la même réponse.
    • La norme XML pour attribut la normalisation est: w3.org/TR/REC-xml/#AVNormalize Vous avez une bonne mémoire 🙂
    • Il ne fonctionne pas dans mon cas. Pourquoi? <input type="text" name="email" value="Enter email here" title="First line sentence.&#10;Second line sentence.><br />
    • vous avez oublié de mettre fin à votre attribut title avec un ".
    • Salut merci, c'est trop. Mais même après l'ajout de l' ", ça ne marche toujours pas. J'essaie d'afficher les textes dans une info-bulle via jQuery tooltip fonction.
    • de retour à la ligne dans les attributs ne sont pas les mêmes que les retours à la ligne à la pointe de l'outil. Littéralement saut de ligne en HTML ne rend pas comme un retour à la ligne

    InformationsquelleAutor Marius Gedminas
  2. 14

    D'inclure une multiligne valeur, il suffit de continuer le texte de l'attribut html sur la ligne suivante dans votre éditeur de texte par exemple

    <input type="submit" value="hallo
hallo">

    va mettre la deuxième hallo, en vertu de la première

    • hmm... vous avez raison. le problème que je rencontre a été avec le retour à la ligne à l'intérieur du javascript, mais j'ai supposé que c'étendu à n'importe quel attribut html en général, mais je suppose que je me trompais. :-/
    InformationsquelleAutor edelwater
  3. 5

    En règle générale les retours à la ligne dans les attributs sont conservées de manière à votre deuxième exemple, beau travail. Avez-vous l'essayer? Pouvez-vous donner un exemple précis où vous rencontrez des problèmes avec elle?

    À l'essai de prendre un coup d'oeil à ceci:-

    <a href="somepage3.html" onclick="javascript: alert(this.getAttribute('thing'))" thing="This is a multiline string.
This is the part after the newline.">some link</a>

    L'alerte inclure le saut de ligne dans l'attribut.

    • oups, il s'avère que le problème était en fait la fonction javascript que j'appelle, pas de saut de ligne dans la balise.
    • Juste pour préciser, les retours à la ligne dans les valeurs d'attributs SONT conservés,
    InformationsquelleAutor AnthonyWJones
  4. 1
    <a href="somepage.html" onclick="javascript: foo('This is a multiline string. \
This is the part after the newline.')">some link</a>

    Javascript besoin d'une barre oblique à la fin de la nouvelle ligne dans une chaîne de caractères.

    InformationsquelleAutor Henry Chan
  5. 0

    je ne suis pas certain, mais vous pouvez essayer \r ou \n

    javascript: foo('This is a multiline string.\rThis is the part after the newline.')

    ou 

    javascript: foo('This is a multiline string.\nThis is the part after the newline.')
    • Si ce qui s'est passé pour ne pas être dans le javascript?
    • sont mes exemples pas ce que vous cherchez?
    • désolé, j'ai pris un mauvais exemple, j'ai mis à jour la question
    • re: votre edit - je ne pense pas que vous pouvez le faire...
    • Vous pouvez.
    InformationsquelleAutor Jason
  6. 0

    Généralement, les sauts de ligne dans le code source HTML d'affichage que vous souhaitez dans le résultat.

    (Dépend de l'éditeur de cours)

    InformationsquelleAutor Suvesh Pratapa
  7. -1

    Puisque c'est en Javascript, vous devez utiliser "\n" si à l'intérieur des guillemets (pas positif sur les simples guillemets, j'ai été en PHP beaucoup ces derniers temps.

    Honnêtement, il vaut la peine de mentionner que vous devriez utiliser les Événements et un délégataire à la place d'un événement javascript directement sur l'élément.

    InformationsquelleAutor anonymous coward