关于html的表单元素详解(一)

<form>
    form elements
</form>

<form>
<label>用户名</label>
<input type="text" name="">
</form>

<form action="action.jsp">
<input type="submit" value="提交">
</form>
/和action配合/
/如果省略了提交按钮的 value 属性，那么该按钮将获得默认文本，也就是提交两个字/

<form>
<label>性别</label>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 
/name中的值一致时，可以达到单选的效果/
/checked 是被选中状态 也可以写成checked="checked"/

<form>
<label>爱好</label>
<input type="checkbox" name="vehicle" value="运动"><label>运动</label>
<br>
<input type="checkbox" name="vehicle" value="美女"> <label>美女</label>
</form>

/checked 是被选中状态 也可以写成checked="checked"/

<form>
<input type="button" onclick="alert('欢迎来到狼蚁SEO！')" value="点我！">
</form> 

/也是普通按钮/

<form>
<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>
</form> 

<option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
您能够通过添加 selected 属性来定义预定义选项。

<form>
<textarea name="message" rows="10" cols="30">
输入的内容在这里哦！
</textarea>

<form>
<button type="button" onclick="alert('欢迎来到狼蚁SEO！')">点击!</button>

想要更加了解表单元素其中的属性，请点击链接 

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对狼蚁SEO的支持!