html标签（5）:form,input,select,textarea

表单：采集用户信息的一个区域
表单元素：包括文本框、按钮、单选、复选、下拉列表、文本域
表单标签form

<form action="">表单元素
</form>

表单元素

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><form action=""><!-- type="text"表示文本框，type="password"表示密码框 -->账户：<input type="text" name="userName" /><br />密码：<input type="password" name="userPsd" /> <br /><!-- radio表示单选，checkbox表示复选，有checked="checked"表示被默认选择，value表示提交的值 -->性别：男 <input type="radio" value="boy" name="gender" checked="checked "/>女 <input type="radio" value="girl" name="gender" /><br />爱好：<input type="checkbox" value="1" name="music" checked="checked" /> 音乐<input type="checkbox" value="2" name="sports" />运动<input type="checkbox" value="3" name="reading" />阅读<br /><!-- 下拉列表格式，有selected="selected"表示默认选择 -->选项：<select name="" id=""><option value="">选项一</option><option value="" selected="selected">选项二</option></select><br /><!-- 文本域格式，cols表示允许输入的列数，rows表示允许输入的行数 -->个人简介：<br /><textarea name="" id="" cols="30" rows="10">在这里输入内容...</textarea><br /><!-- submit是提交按钮，reset是重置按钮，value是显示在按钮上的文本 --><input type="submit" value="确定" name="submit" /><input type="reset" value="重置" name="reset" /></form>
</body>
</html>

参考自中国大学MOOC北京林业大学孙俏老师web前端开发

html标签（5）:form,input,select,textarea相关推荐

使用fieldset、label标签制作form表单
http://www.52css.com/article.asp?id=238 对于表单,是网页中非常常用的元素.但是在web standard建站的时候,他的排版容易人遗忘,到了真正用到的时候就发现 ...
input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...
在utils中添加preventBackspace.js文件代码如下:export const banBackSpace = (e) => { let ev = e || window.eve ...
表单标签form、label、input、textarea、select
表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 . 表单相关标签的使用 <form>标签表示表单标签,定义整体的表单区域 <la ...
php 修改select标签,JS修改input,textarea,select标签的可读可写属性
通过JS修改input,textarea,select标签的可读可写属性首先,控制input,与textarea只读属性是 readonly 在js中可以这样去改变,这里要注意js中O要大写 re ...
滚动屏幕显示隐藏div_HTML结构-常用标签：a·img·table·form·input·iframe·div
学习目标: 掌握html的结构,head与body的区别掌握常用标签掌握a标签,img标签掌握table标签掌握form标签,input标签掌握iframe 和frameSet标签掌握di ...
HTML之表单form的select标签
form标签中,以下标签实现表单元素添加: <input>表单输入标签 <select>下拉菜单和列表标签 <option>下拉菜单和列表项目标签 <text ...
js 控制表单input，textarea select为只读模式
$("#form input").attr('readonly','readonly'); $("#form textarea").attr('reado ...
html知识笔记（三）——img标签、form表单
<img>标签:在网页中插入图片. 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示 ...
标签中包含input时line-height属性失效的解决办法
今天在项目中碰到一个问题,就是在ie6下,p标签的line-height不起作用.琢磨了好久,在javascript罗浮宫的同学提示下,才知道包含了input标签时,ie6下行高会失效,其它浏览器均正 ...
移动端input、textarea、div（contenteditable ）输入框正则过滤（兼容ios）
目录一.已知问题及解决方案概述: 1.高度自适应 2.ios无法拼音输入 3.ios过滤符号输入二.完整代码示例一.已知问题及解决方案概述: 1.高度自适应问题:input无法换行:texta ...

html标签（5）:form,input,select,textarea

html标签（5）:form,input,select,textarea相关推荐

最新文章

热门文章