HTML输入表单不显示整个占位符文本;但包括引号

时间:2014-04-14 20:29:15

标签: html forms input placeholder

我正在编写一个简单的输入表单,大多数文本输入设置为具有一些占位符文本。

无论出于何种原因,只显示占位符文本的第一个连续文本字符串。引号也会显示。我试图弄清楚为什么会这样,并进行必要的更改(编码?转义字符?我的标记只是天真可怕吗?)

我确信这很简单。我确定这是荒谬的。我提前道歉。

这是我的代码。谢谢,任何有想法的人。


<!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:tonimcn@rcn.com?Subject=Foster%20Application%20Request" target="_top">tonimcn@rcn.com</a> or Lisa Ward at <a href="mailto:catladychicago@yahoo.com?Subject=Foster%20Application%20Request" target="_top">catladychicago@yahoo.com</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=”example@domain.com” 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>

1 个答案:

答案 0 :(得分:1)

我修复了您的问题,现在所有占位符都可见。 检查一下:http://cssdesk.com/PWNzt

我认为问题出在那里,你使用的是“#34;