可以编辑p标签里面内容:
1 |
<p contenteditable="true">我是可以编辑的</p> |
我是可以编辑的
音频播放:
1 |
<audio src="1.mp3" autoplay="autoplay" loop="loop" controls="controls"> |
视频播放:
1 2 3 |
<video src="1.mp4" controls="controls" autoplay="autoplay"> controls="controls"显示控件 autoplay:自动播放 |
1.如何在网页中显示<>
1 |
<>< |
点击文字选择结果
1 2 3 |
<input type="radio" id="w" name="zhang" /><label for="w">女</label> <input type="radio" id="e" name="zhang" /><label for="e">男</label> |
进度条:
1 |
<progress></progress> |
页面引入css js js内裤文件的方法
1 2 3 4 5 |
<link href="demo.css" rel="stylesheet" type="text/css" /> <script scr="jquery-1.10.2.min.js" type="text/javascript"></script> <script src="demo.js" type="text/javascript"></script> |
autofocus自动获取焦点:
1 |
<input type="text" autofocus="" /> |
请输入邮政编码:
1 |
<input type="text" pattern="[0-9]{6}" title="请输入6位数的邮编" /> |
使placeholder居中
1 |
input::-ms-input-placeholder{text-align: center; input::-webkit-input-placeholder{text-align: center;} |
文本框带检索功能:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<input type="text" list="q" /> <datalist id="q"> <option>BeiJing</option> <option>QingDao</option> <option>QingZhou</option> <option>QingHai</option> </datalist> |
multiple=”multiple”使下拉框支持多选
1 2 3 4 5 6 7 8 9 10 11 |
<select multiple="multiple"> <option>---请选择--</option> <option>香蕉</option> <option>橘子</option> </select> |