html的placeholder为表单,Html placeholder text in a textarea form

一时失言乱红尘 2022-10-07 05:00 373阅读 0赞

On one of my websites I have created a form that collects the persons name, email and a description of their idea.

I limited the characters of the description to 500 characters as I don't want to read a ton and I figured out how to have the text appear in the textarea before the user inputs what they want.

Currently the user has to delete "Description of your idea" themselves but I want to add the placeholder class where it deletes what I have written in the textarea when they click the textarea

I have looked on a few sites and couldn't figure out how to use it I placed it in my code, but usually the class just appeared as text inside my textarea.

Any help on using this class would be great thank you

Here is what I have written

Inside the head tags

function limitText(limitField, limitCount, limitNum) \{

if (limitField.value.length > limitNum) \{

limitField.value = limitField.value.substring(0, limitNum);

\} else \{

limitCount.value = limitNum - limitField.value.length;

\}

\}

Inside the body tags

Your Name:

Your Email:

onKeyUp="limitText(this.form.desc,this.form.countdown,500);">Description of your idea

(Maximum characters: 500)

You have characters left.

发表评论取消回复

表情：

评论列表（有 0 条评论，373人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML form表单

目录表单标签表单域表单按钮 input与label联合使用表单分组表单的初级验证参考 -------------------- HTML表单用于收

我就是我/ 2023年07月20日 13:31/ 0 赞/ 26 阅读

相关 HTML的form表单确认

HTML的form表单确认 HTML文件，这里重要的是onsubmit属性，它规定表单提交事件发生时执行的 JavaScript（必须

叁歲伎倆/ 2023年01月01日 14:48/ 0 赞/ 157 阅读

相关 textarea实现placeholder多行显示

![效果如图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

爱被打了一巴掌/ 2022年12月20日 02:12/ 0 赞/ 185 阅读

相关 html的placeholder为表单,Html placeholder text in a textarea form

On one of my websites I have created a form that collects the persons name, email and a

一时失言乱红尘/ 2022年10月07日 05:00/ 0 赞/ 374 阅读

相关 html语言form,HTML中form表单的用法

form表单有什么作用？有哪些常用的input 标签，分别有什么作用？ form表单的作用 form标签用于为用户输入创建HTML表单，并向服务器传输用户输入的数据常用

ゝ一纸荒年。/ 2022年10月06日 07:54/ 0 赞/ 228 阅读

相关为什么html中加form,HTML form表单

HTML表单：表单用于搜集不同类型的用户输入，提交给网站后台服务器。表单是一个包含表单元素的区域，表单元素是允许用户在表单中(比如：文本域、下拉列表、单选框、复选框等等)输

港控/mmm°/ 2022年10月06日 00:41/ 0 赞/ 260 阅读

相关 207.placeholder 表单

效果 (源码网盘地址在最后) ![7129fb62fa45b2be340dbd85cca1df25.gif][] 源码 index.html <!DOC

冷不防/ 2022年09月07日 05:59/ 0 赞/ 118 阅读

相关 HTML5里的placeholder属性

[HTML5][]里新引入很多有趣的新特征；有些体现在HTML里，有些是JavaScript API，全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的pla

电玩女神/ 2022年08月07日 09:55/ 0 赞/ 189 阅读

相关 HTML5 placeholder JS模拟

支持HTML5 的浏览器：IE9+，FF4,chrome可以直接使用文本元素的placeholder来确定提示文案，但是IE8以下等浏览器却没有这个选项，下面通过JS来

秒速五厘米/ 2022年05月22日 07:05/ 0 赞/ 165 阅读

相关 html form表单

提交前言参考 [java中的url 编码与解码][java_url] [URL中带加号的处理][URL] application/x-www-for

「爱情、让人受尽委屈。」/ 2022年05月19日 12:29/ 0 赞/ 280 阅读