动态输入回车增加内容可删除【原创

来源:https://www.sucaihuo.com/js/2306.html 2017-07-04 19:51浏览(564) 收藏

一款动态增删内容的jQuery插件,在输入框内输入内容,回车即可增加,点击已增加内容的叉号可以删除内容,input输入框的字符可以自行限制,页面所有元素的样式都可以自行调整,喜欢的就收下吧。
动态输入回车增加内容可删除
分类:表单代码 > 输入框 难易:初级
查看演示 下载资源 下载积分: 30 积分

页面的head部分只需要引入一个CSS样式即可,可以自由修改style.css里面的样式的,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分只需要一个div容器,然后把几个js插件引入即可,本地javascript插件index.js可以自行修改内容,其余均为远程调用的,代码如下:

<div id="container"></div>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js'></script>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js'></script>
<script type="text/javascript" src='https://unpkg.com/react-transition-group@1.1.3/dist/react-transition-group.js'></script>
<script type="text/javascript" src="js/index.js"></script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2306.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2