HTML表单input控件2
2017-10-26 09:14
302 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>其他type值</title>
</head>
<body>
<form action="other.action">
搜索框：
<input type="search" name="search">
<br>
隐藏框：
<input type="hidden" name="hiddenInput" value="hidden">
<br>
禁用框：
<input type="text" disabled name="disabledInput" value="disabled">
<br>
只读：<input type="text" readonly name="readonlyInput" value="readonlyInput">
<br>
<button>提交</button>
</form>
<hr>
<form action="up.action" enctype="multipart/form-data">
选择头像：
<input type="file" name="filepath">
<br>
<input type="submit">
<input type="image" src="../day01/images/1.jpg"
width="30px" height="30px" alt="图片显示不出来">
</form>
<hr>
<form action="date.action">
日期：
<input type="date" name="date">
<br>
时间：
<input type="time" name="time">
<br>
本地时间:
<input type="datetime-local" name="local">
<br>
年-周：
<input type="week" name="week">
<br>
年-月：
<input type="month" name="month">
<br>
<hr>
*tel：
<input type="tel" name="tel" pattern="\d{4}" required>
<br>
年龄：
<input type="number" name="number" step="5">
<br>
颜色：
<input type="color" name="color">
<br>
url：
<input type="url" name="url">
<br>
email:
<input type="email" name="email">
<br>
滑块：
<input type="range" name="range" max="100" value="30" step="10">
<br>
进度条：
<progress max="100" value="30"></progress>
<br>
提交：
<button>提交</button>
</form>
<hr>
<form action="choose.action">
<input type="radio" name="gender">女
<input type="radio" name="gender" checked>男
<select name="" id="">
<option value="">请选择</option>
<option value="">1</option>
<option value="" selected>2</option>
<option value="">3</option>
</select>
<br>
<input type="text" required>
<button>提交</button>
<input type="submit" value="other"
formaction="login.action"
formmethod="post"
formtarget="_blank"
formnovalidate>
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>其他type值</title>
</head>
<body>
<form action="other.action">
搜索框：
<input type="search" name="search">
<br>
隐藏框：
<input type="hidden" name="hiddenInput" value="hidden">
<br>
禁用框：
<input type="text" disabled name="disabledInput" value="disabled">
<br>
只读：<input type="text" readonly name="readonlyInput" value="readonlyInput">
<br>
<button>提交</button>
</form>
<hr>
<form action="up.action" enctype="multipart/form-data">
选择头像：
<input type="file" name="filepath">
<br>
<input type="submit">
<input type="image" src="../day01/images/1.jpg"
width="30px" height="30px" alt="图片显示不出来">
</form>
<hr>
<form action="date.action">
日期：
<input type="date" name="date">
<br>
时间：
<input type="time" name="time">
<br>
本地时间:
<input type="datetime-local" name="local">
<br>
年-周：
<input type="week" name="week">
<br>
年-月：
<input type="month" name="month">
<br>
<hr>
*tel：
<input type="tel" name="tel" pattern="\d{4}" required>
<br>
年龄：
<input type="number" name="number" step="5">
<br>
颜色：
<input type="color" name="color">
<br>
url：
<input type="url" name="url">
<br>
email:
<input type="email" name="email">
<br>
滑块：
<input type="range" name="range" max="100" value="30" step="10">
<br>
进度条：
<progress max="100" value="30"></progress>
<br>
提交：
<button>提交</button>
</form>
<hr>
<form action="choose.action">
<input type="radio" name="gender">女
<input type="radio" name="gender" checked>男
<select name="" id="">
<option value="">请选择</option>
<option value="">1</option>
<option value="" selected>2</option>
<option value="">3</option>
</select>
<br>
<input type="text" required>
<button>提交</button>
<input type="submit" value="other"
formaction="login.action"
formmethod="post"
formtarget="_blank"
formnovalidate>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- <学习html>第六天笔记-表单标签（input控件、label标签）
- html的表单控件
- 关于HTML在input标签内检测输入内容合法性和在js验证表单合法性后跳转到servlet的几点内容
- html表单控件--锁定
- ASP.NET 2.0之HtmlInputFile控件使用小结
- HTML中让表单input等文本框为只读不可编辑的方法
- asp.net 通过HtmlInputFile控件上传文件的类
- 千呼万唤 HTML 5 (6) - 表单元素之 input 元素
- HTML中让表单input等文本框为只读不可编辑的方法
- 2-HTML中的表格及表单控件
- php处理HTML表单控件命名中的特殊符号
- 使用HtmlInputHidden 控件在本页面保持状态和跨页面传值
- HTML中让表单input等文本框为只读不可编辑的方法
- 我教女朋友学编程Html系列(6)—Html常用表单控件
- HTML input type=file文件选择表单元素二三事
- input file控件限制上传文件类型 网页上添加一个input file HTML控件： 1 <input id="File1" type="file" /> 默认是这样的，所有文件类
- 通过HtmlInputFile控件上传文件的类
- HTML基础学习-9-表单input标签学习
- PHP+JavaScript+HTML实现注册界面表单及日历控件
- .NET上传控件源码[HtmlInputFileControl]