html入门 (2)

html入门

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架</title> </head> <body> <!-- scr:可以内嵌的窗口路径 name:可以点击链接确定内嵌的窗口的窗口不过iframe的src必须为空 w-h: 可设置大小 --> <iframe src="http://www.likecs.com/内联frame.html" ></iframe> <iframe src=""></iframe> <a href="http://www.likecs.com/内联frame.html" target="htllo"></a> </body> </html> 表单

表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- p: 块元素 get:可以看到数据,不安全,高效,用于测试 post:比较安全,传输大文件。比get安全。不过也可以看到。 --> <form action="视频.html" method="get"> <!-- value: 默认值 maxlength:限制字符数 size:大小 reset:重置 --> <!-- checked: 默认 --> <p>名字: <input type="text"></p> <p>密码: <input type="password"></p> <!-- name:表示组 valu:单选框的值 --> <p>性别: <input type="radio" value="boy"/>男 <input type="radio" value="gifl"/>女 </p> <!--图片按钮--> <p> <input type="image" scr/> </p> <p> <input type="submit"> <input type="reset"> </p> </form> </body> </html>

html入门

下拉框 <!-- checked: 默认 --> <p> <select> <option value="1">dfao</option> <option value="2">dfao</option> <option value="3">dfao</option> <option value="4">dfao</option> <option value="5">dfao</option> </select> </p> 文件域与文本域 <!-- textarea:文本域 cols: 列 rows: 行 --> <p>反馈: <textarea cols="10" rows="20">文本内容</textarea> </p> <!--文件域 上传文件 --> <p> <input type="file"> </p> 验证 <p>邮箱: <input type="email"name="email"> </p> <!--必须时邮箱格式--> <!-- 验证属性: email: 邮箱 url: 网址 --> <!-- number:数字验证 max:最大值 min:最小值· step:在10的之内的初始值和未尾值 如:0 10 20 30等也可用于商品增加 --> <p>数字: <input type="number"name="num" max="100" min="0" step="10"> </p> 滑块 <!--滑块 range --> <p>音量: <input type="range" max="100" min="0" step="2"> </p> 搜索 <!--搜素--> <p>搜索: <input type="search"> </p> input 中的极大标签 readonly: 只读 只能看,不能改 disabled:禁用。 用于选择时,如不能选择男,如按钮 hidden: 隐藏 required: 不能为空 pattern:正则表达式 placeholder=“请输入用户名”

pattern:正则表达式

<p> <input type="text"> </p> 鼠标的可用性 <p> <label for="kk">你点</label> </p> <!-- 再到text文本跨中添加一个 id=“kk” 鼠标点击你点,就会移动打扫text文本框中。 -->

正则表达式网址:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxyfx.html