返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: html教程 >

Elastic弹性文本域使用

2020-05-07 文章标签: 文本域 浏览次数:

我们讲解下表单的使用,我们先讲解原生的javascript表单验证的写法,然后介绍使用插件验证表达。都可以解决我们问题,只是一个有一定的代码基础,还有种懂点js语法也可以修改达到表单验证。使用Elastic插件可以拉伸文本域的大小。这样就可以多输入文字和少输入文字

HTML5教程

今天介绍jQuery Elastic插件的用法

弹性文本域

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Elastic</title>
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="//freemuban.com/js/507/jquery.elastic.js"></script>
<script type="text/javascript">
$(function(){
$('textarea').elastic();
})
</script>
<style type="text/css">
textarea.input {
    border: 1px solid #A5C2C8;
    padding: 4px;
    width: 600px;
}
</style>
</head>
<body>
<h1>Elastic弹性文本域</h1>
<p id="info">
    <textarea class="input">请您随意输入大量文本。</textarea>
</p>
</body>
</html>


你可能还感兴趣···

关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。