html给input设置提示信息

最新推荐文章于 2025-07-13 17:58:10 发布

而我想成为一个有趣的妞

最新推荐文章于 2025-07-13 17:58:10 发布

阅读量8.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： input 提示信息

本文链接：https://blog.youkuaiyun.com/weixin_41728561/article/details/81015130

前端专栏收录该内容

46 篇文章

订阅专栏

本文介绍了如何在HTML表单中使用JavaScript进行实时验证，并针对不同情况给出相应的提示信息。通过示例展示了必填项及URL格式验证的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、给required设置提示信息

<input class="is_required form-control" 
type="text" 
id="product_name" 
name="product_name" 
value="" 
placeholder="Apply Product Name" 
required 
oninvalid="setCustomValidity('This item is a required item.');" 
oninput="setCustomValidity('');" />

2、给特定的条件设置提示信息

<input class="is_required form-control" 
type="text" 
id="share_link_1" 
name="share_link_1" 
value="" 
placeholder="Share Link:" 
pattern="[a-zA-z]+://[^\s]*" 
oninvalid="setCustomValidity('请输入url');"
oninput="setCustomValidity('');" />