Html5表单元素-搜索框和上传文件框
生活随笔
收集整理的這篇文章主要介紹了
Html5表单元素-搜索框和上传文件框
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、search - 搜索框
<!doctype html>
<html>
<head>
<title>search</title>
</head>
<body>
<!--
search - 搜索框，文本框形式
-->
<input type="search" value="我是 search，是一個有特殊語義的 text" />
<script type="text/javascript">
alert(document.getElementsByTagName("input")[0].value);
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<title>file</title>
</head>
<body>
<!--
file - 用于上傳文件
-->
<input type="file" />
</body>
</html>
element/form/input/search.html
<!doctype html>
<html>
<head>
<title>search</title>
</head>
<body>
<!--
search - 搜索框，文本框形式
-->
<input type="search" value="我是 search，是一個有特殊語義的 text" />
<script type="text/javascript">
alert(document.getElementsByTagName("input")[0].value);
</script>
</body>
</html>
2、file - 用于上傳文件
element/form/input/file.html
<!doctype html>
<html>
<head>
<title>file</title>
</head>
<body>
<!--
file - 用于上傳文件
-->
<input type="file" />
</body>
</html>
總結
以上是生活随笔為你收集整理的Html5表单元素-搜索框和上传文件框的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Html5结合JS实现浏览器全屏功能
- 下一篇： Html5画布（canvas）实例之绘制