url类型的input使用
<!doctype html>
<html>
<head>
<meta charset=="utf-8">
<title>url类型的input元素的使用</title>
</head>
<body>
<form>
<fieldset>
<legend>请在选框里输入url</legend>
<input type="url" name="11" class="inputtxt">
<input type="submit" name="22" class="inputtxt" value="请点击这里提交">
</fieldset>
</form>
</body>
</html>
由于我这里使用markdown语法写的
贴图不方便,就不贴出来运行结果图了
语法分析
这段代码中的标签属性已经很熟悉了,也经常用,我在这里就之分析一下class属性
HTML class 属性
class属性是一个全局属性
定义和用法
class 属性定义了元素的类名。
class 属性通常用于指向样式表的类。但是,它也可以用于 JavaScript 中(通过 HTML DOM), 来修改 HTML 元素的类名。
实例
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">标题 1</h1>
<p>段落。</p>
<p class="important">注意:这是一个很重要的段落。 :)</p>
</body>
</html>
意会意会