html5 限制input输入方式

html5 限制input输入方式,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

  </head>

<body>

<form>

<input type="text" pattern="^[a-zA-Z\d\.]+$" /> 

<button>

sub

</button>

</form>

    

  </body>

</html>

因为是d层的定位问题,如果定位为fixed,用户是无法向上滚动看到输入框了。如果定位为absolute,则用户就可以滑动页面向上看到输入框。这两种的形式都有一定不好的体验。可以通过js控制,当用户点击输入框的时候,把d层网上移动一点,修改top值。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7425495.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存