为什么我的HTML代码显示在我的表格文本区域?

我试图创建一个使用下面的代码在HTML中两列的表格。

<div id="form-wrapper"> <form class="contact_form" action="" method="post" name="contact_form"> <ul> <div id="form_left"> <li> <span class="required_field"> * Denotes a required field</span> </li> <li> <label for="name">Name:</label> <input type="text" name="name" placeholder="John Doe"> </li> <li> <label for="telephone">Contact Number:</label> <input type="tel" name="telephone" placeholder="(01225) 123456"> </li> <li> <label for="email">Email:</label> <input type="email" name="email address" placeholder="example@example.com"> </li> </div> <div id="form_right"> <li> <label for="message">Message:</label> <textarea name="message" cols="40" rows="6" > </li> </div> </ul> </form> </div>

(http://jsfiddle.net/qrttZ/)

但由于某些原因,它被示出在文本区窗口的内部的我的HTML代码的下半部分。

我看不到任何打开的标签,以便i'n不知道这是为什么。

--------------解决方案-------------

事实上,HTML不需要XHTML自动关闭短标签,例如, <input />意味着它很容易新秀犯这个错误作为textarea执行一个非常类似的目的。 这只是一个非常好的理由,需要关闭。

<textarea name="message" cols="40" rows="6" ></textarea>

...

做完这些,这

<ul>
<div id="form_left">
<li>

是坏的。 <li>显示后续<ul>不应该有一个<div>存在。

<label for="name">Name:</label>
<input type="text" name="name" placeholder="John Doe">

没有一个id输入,这for是没用的。

<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="John Doe">

但是,如果你要使用标签与它的输入之间,如果你不设置其样式,没有标记

<label>Name: <input type="text" name="name" placeholder="John Doe"></label>

少输出

分类:HTML 时间:2015-03-15 人气:5
本文关键词: HTML,表格,网页,HTML5
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.407 (s). 10 q(s)