我正在编写一个简单的输入表单,大多数文本输入设置为具有一些占位符文本。
无论出于何种原因,只显示占位符文本的第一个连续文本字符串。引号也会显示。我试图弄清楚为什么会这样,并进行必要的更改(编码?转义字符?我的标记只是天真可怕吗?)
我确信这很简单。我确定这是荒谬的。我提前道歉。
这是我的代码。谢谢,任何有想法的人。
<!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>