gpt4 book ai didi

html - 为什么我的 HTML 代码显示在我的表单文本区域中?

转载 作者:行者123 更新时间:2023-12-02 05:19:10 27 4
gpt4 key购买 nike

我正在尝试使用以下代码在 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 代码的下半部分。

我看不到任何打开的标签,所以我不确定这是为什么。

最佳答案

事实上 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 - 为什么我的 HTML 代码显示在我的表单文本区域中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14167726/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com