Html 在每行上创建虚线文本区域

我想制作一个像这样的contactform：（一个多行文本区域，其中每行底部都有一个虚线边框，就像一个笔记本，所以不仅仅是字段的底部边框）

我已有的名称和电子邮件字段：

#contactform input[type="text"]{
   border: none;
   border-bottom: dashed 2px #c9c9c9;
   width: 200px;
}

但我似乎无法修复消息部分。。。？我以为它会是一个带有一些样式的文本区域，但我似乎没有得到正确的效果。。。甚至可以分别为每一行设置样式吗

---

谢谢大家!

使用

textarea

使用点图像作为背景

#contactform textarea {
    background: url("dot-bg.png");
}

---

使用

textarea

使用点图像作为背景

#contactform textarea {
    background: url("dot-bg.png");
}

只加上这个

 <input type="text" class="field-name" value=""/>

 <textarea class="field-message"></textarea>

   input[type="text"].field-name{
   border-bottom: dashed 2px #c9c9c9;
   width: 300px;
   }

   textarea.field-message{
   border-bottom: dashed 2px #c9c9c9;
   width: 300px;
   resize:none;
   }

输入[type=“text”]。字段名称{
边框底部：虚线2px#c9c9c9；
宽度：300px；
}
textarea.field-message{
边框底部：虚线2px#c9c9c9；
宽度：300px；
调整大小：无；
}

不使用图像，网页的大小更大。

仅添加此项

 <input type="text" class="field-name" value=""/>

 <textarea class="field-message"></textarea>

   input[type="text"].field-name{
   border-bottom: dashed 2px #c9c9c9;
   width: 300px;
   }

   textarea.field-message{
   border-bottom: dashed 2px #c9c9c9;
   width: 300px;
   resize:none;
   }

输入[type=“text”]。字段名称{
边框底部：虚线2px#c9c9c9；
宽度：300px；
}
textarea.field-message{
边框底部：虚线2px#c9c9c9；
宽度：300px；
调整大小：无；
}

---

不使用图像，网页的大小更大。

您可以添加一个div而不是textarea，并在其中添加多个输入标记。在工作中，请尝试这个

标签{
右边距：22px；
}
.留言{
浮动：左；
边缘顶部：10px；
右边距：10px；
}
输入[type=“text”]。字段名称{
边界：无；
边框底部：点着2px#c9c9c9；
宽度：300px；
利润率：10px；
}
.现场信息{
浮动：左；
}

名称：


电邮：


信息：

您可以添加一个div而不是textarea，并在其中添加多个输入标记。在工作中，请尝试这个

标签{
右边距：22px；
}
.留言{
浮动：左；
边缘顶部：10px；
右边距：10px；
}
输入[type=“text”]。字段名称{
边界：无；
边框底部：点着2px#c9c9c9；
宽度：300px；
利润率：10px；
}
.现场信息{
浮动：左；
}

名称：


电邮：


信息：

将背景图像用于文本区域，没有其他方法可以做到。

消息

可能是

，而不是

…将背景图像用于文本区域，没有其他方法可以做到。

消息

可能是

，没有一个

…没有任何意义。从个人角度来说，我认为如果用户不能阅读他写的全部信息，这不是非常友好的…？没有任何意义。从个人角度来说，我认为如果用户不能阅读他写的全部信息，这不是非常友好的…？谢谢，但是如果我想在我的文本区域的每一行上都有点…？你可以创建一个像线一样的背景！再说一遍！：）我想我真的要试试这个！：）成功了！：）谢谢你这么说！：）谢谢，但是如果我想在我的文本区域的每一行上都有点…？你可以创建一个像线一样的背景！再说一遍！：）我想我真的要试试这个！：）成功了！：）谢谢你这么说！：）非常感谢。这看起来像是我正在寻找的答案，但是我可以让这些答案以正确的方式发送到我的电子邮件中吗？使用多个文本输入？@user1946390“发送到我的电子邮件”是什么意思？这将是一个联系表单，因此我希望收到结果。谢谢！这看起来像是我正在寻找的答案，但是我可以让这些答案以正确的方式发送到我的电子邮件中吗？使用多个文本输入？@user1946390“发送到我的电子邮件”是什么意思？这将是一个联系表单，因此我希望收到结果。