HTML Input Forms не отображает весь текст заполнителя; но включает в себя кавычки [дубликаты]

Question

HTML Input Forms не отображает весь текст заполнителя; но включает в себя кавычки [дубликаты]

0

Я пишу простую форму ввода, причем большая часть текстовых входов имеет некоторый текст-заполнитель.

По какой-то причине отображается только первая непрерывная текстовая строка текста заполнителя. Также отображаются кавычки. Я пытаюсь понять, почему это так, и внести необходимые изменения (кодирование? Escape-символы? Моя разметка просто идиотски ужасна?)

Я уверен, что это что-то простое. Я уверен, что это что-то нелепое. Я заранее извиняюсь.

Вот мой код. Спасибо всем, кто имеет какие-либо идеи.

<!DOCTYPE html>
<html lang="en" xmlns:og="http://ogp.me/ns#" class="layout-signup " >
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0,  maximum-scale=1.0">
  <meta name="description" content="Feline Friends is a foster-based, no kill, cat rescue organization serving Chicago.">
  <meta name="keywords" content="feline, friends, online, cat, animal, shelter, pet, rescue, foster, volunteer, Chicago, Illinois">
  <meta property="og:title" content="Sign up  - Feline Friends">
  <meta property="og:type" content="website">
  <meta property="og:url" content="http://www.felinefriendschicago.org/fosterapply.html">
  <meta property="og:description" content="Feline Friends is a foster-based, no kill, cat rescue organization serving Chicago.">
  <title>Sign Up – Feline Friends</title>

      <link rel="icon" href="file:///Users/lieselhess/Documents/favicon.ico">
      <!--[if IE]><link rel="shortcut icon" href="file:///Users/lieselhess/Documents/favicon.ico"><![endif]-->


      <link rel="canonical" href="http://www.felinefriendschicago.org/fosterapply.html">

      <!--  <link rel="stylesheet" type="text/css" href="file:///Users/lieselhess/Documents/reboot.css" media="all"> -->


  </head>

  <p>
  You can request printable foster application forms by email from Toni McNaughton at         <a href="mailto:[email protected]?Subject=Foster%20Application%20Request" target="_top">[email protected]</a> or Lisa Ward at <a href="mailto:[email protected]?Subject=Foster%20Application%20Request" target="_top">[email protected]</a>
</p>

<strong class="line-thru">or</strong>
<p>


    </div>
  </form>
</section>

<section class="register">
  <div class="content">

    <h2 class="center hdr-l">
Apply for our foster program below:    </h2>

<form id=fosterapp>
<fieldset>
<legend>Contact Details</legend>
<ol>
<li>
<label for=name>Name</label>
<input id=name name=name type=text placeholder="First and Last Name" required autofocus>
</li>
<li>
<label for=email>Email</label>
<input id=email name=email type=email placeholder="[email protected]" required>
</li>
<li>
<label for=homephone>Home Phone</label>
<input id=homephone name=homephone type=tel placeholder="Eg. +7735551212" required>
</li>
<li>
<label for=workphone>Work Phone</label>
<input id=workphone name=workphone type=tel placeholder="Eg. +7735551212">
<input id=callwork name=qcallwork type=radio>
<label for=callwork>I may receive calls at work</label>
<input id=nocallwork name=qcallwork type=radio>
<label for=nocallwork>I may NOT receive calls at work</label>
</li>

</li>
<li>
<label for=address>Address</label>
<textarea id=address name=address rows=5 required></textarea>
</li>
</ol>
</fieldset>

<fieldset>
<legend>Household Information</legend>
<ol>
<li>
</ol>
</li>



</body>

</html>

MonkeyMoose 14 апр. 2014, в 22:51

Источник

0

Ваши кавычки выглядят странно на входных атрибутах. Они должны быть похожи на те, что находятся вокруг class = "line-through".
circusdei 14 апр. 2014, в 20:34
0

@circusdei - ДА. БЛАГОДАРЮ ВАС. При вводе символа двойных кавычек в моем текстовом редакторе (Libre Office для Mac) автоматически вставляются эти ужасные кавычки, которые, я уверен, в какой-то момент считались «красивее». Я уже отказался от TextEdit за подобные, но не связанные с этим проблемы. Есть ли достойный текстовый редактор для написания HTML на OS X?
MonkeyMoose 14 апр. 2014, в 20:48
0

Мне нравится Notepad ++, но я думаю, что это только для Windows.
circusdei 14 апр. 2014, в 20:52
0

@MonkeyMoose - Многие. Просто убедитесь, что это текстовый редактор, а не текстовый процессор. Sublime, Komodo, BBEdit, Emacs, GVim, TextMate, Eclipse, список огромен.
Quentin 14 апр. 2014, в 20:52
0

Всем спасибо. Ты лучший. Это было очень полезно.
MonkeyMoose 14 апр. 2014, в 21:02

Показать ещё 3 комментария

Теги:

html

forms

input

placeholder

1 ответ

Ещё вопросы

Ваши кавычки выглядят странно на входных атрибутах. Они должны быть похожи на те, что находятся вокруг class = "line-through".
@circusdei - ДА. БЛАГОДАРЮ ВАС. При вводе символа двойных кавычек в моем текстовом редакторе (Libre Office для Mac) автоматически вставляются эти ужасные кавычки, которые, я уверен, в какой-то момент считались «красивее». Я уже отказался от TextEdit за подобные, но не связанные с этим проблемы. Есть ли достойный текстовый редактор для написания HTML на OS X?
Мне нравится Notepad ++, но я думаю, что это только для Windows.
@MonkeyMoose - Многие. Просто убедитесь, что это текстовый редактор, а не текстовый процессор. Sublime, Komodo, BBEdit, Emacs, GVim, TextMate, Eclipse, список огромен.
Всем спасибо. Ты лучший. Это было очень полезно.

Roob · Accepted Answer · 2014-04-14T18-11-00.000Z

Я исправил вашу проблему, и теперь видны все заполнители. Проверьте это: http://cssdesk.com/PWNzt

Я думаю, что проблема заключалась в том, что вы использовали "insetead of"