充满线条的区域
充满线条的区域
提问于 2013-11-19 08:28:44
有没有html组件，或者文本区可以是这样的？
我想在我的web应用程序中创建一个征文区域。我尝试使用textbox，但他必须单击下一个文本框或选项卡才能执行此操作。如果用户到达结尾处并移动到下一行，我希望它自动中断。
回答 2
Stack Overflow用户
发布于 2013-11-19 08:36:06
你可以使用html5，你可以利用contenteditable属性，创建一个重复的背景图像，并将其应用到你的文章区域。
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable
http://jsfiddle.net/KeTtb/2
抱歉，我错过了显而易见的答案！这只是将背景图像应用到文本区。
http://jsfiddle.net/SwbB3/1
textarea {
background: url(http://i.stack.imgur.com/fwQrz.png);
width:640px;
height:172px;
}Stack Overflow用户
发布于 2013-11-19 09:12:44
下面是一个使用数据URI (demo)的方法
使用此HTML：
<textarea placeholder='type your answer here'></textarea>还有这个CSS：
textarea {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMgSURBVHhe7cuxCcAAEMSw33/pZAEXVwUCErj0AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACfesZW9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3mtVcreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVbzWruVrVW63qrVb1Vqt6q1W91arealVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVnO1qrda1Vut6q1W9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91azmalVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtZzdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3WtVbreqtVvVWs5qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVb7Wqt1rVW63qrWY1V6t6q1W91arealVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVW+1qrda1VvNaq5W9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3mtVcreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVbwUAAAAAAAAAAAAAAL9z9wLhMdZwPdQSQQAAAABJRU5ErkJggg==);
background-size: 30px auto;
line-height: 30px;
width: 100%;
height: 300px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20060813
复制相关文章
相似问题
腾讯云开发者
