html5如何input禁止文本输入（控制输入）

如何利用html5语法禁止input文本输入，或者控制文字输入？下面web建站小编给大家详细介绍一下具体实现代码！

1、input禁止文本输入

//readonly
<input type="text" value="" readonly="readonly">
//disabled
<input type="text" value="" disabled="disabled">
//maxlength
<input type="text" value="" maxlength="0">
//onfocus
<input type="text" value="" onfocus="this.blur();">

2、input只允许输入数字

<input class="inputs" type="number" placeholder="请输入11位数字" oninput="if(value.length>11)value=value.slice(0,11)"  />

<input type="text" placeholder="请输入您的手机号" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11">

3、input只允许输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

svg标签属性有哪些？

js如何判断浏览器是否支持html5？

html5表单input控件有哪些？

html5语法中base标签的作用介绍

html5从youtube分享处理的播放拦截播放失败怎么解决

标签： html5, input, 禁止文本输入

上面是“html5如何input禁止文本输入（控制输入）”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3495.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！