HTML学习笔记（四）

制作表单

可以使用form元素创建表单。以CSDN为例，一般为：

<form action="https://www.csdn.net/xxx.php" method="POST">
//表单内容在这里
</form>

其中，action属性中为将要处理的文件的绝对路径<method>属性为表单发送数据的方式。

表单中可以含有的元素

从<input>元素开始：

texttest:<input type="text" name="text"><br>
<!文本输入>

效果如图：

<input type="radio" name="hotornot" value="hot">hot<br>
<input type="radio" name="hotornot" value="cold">cold<br>
<!单选钮输入>

<input type="checkbox" name="fruits" value="apple">apple<br>
<input type="checkbox" name="fruits" value="banana">banana<br>
<input type="checkbox" name="fruits" value="pear">pear<br>
<!复选框输入>

your comments:<br>
    <textarea name="comments" rows="10" cols="48"></textarea><br>
<!文本区输入>

<select name="fruits">
    <option value="apples">apples</option>
    <option value="banana">banana</option>
    <option value="pear">pear</option>
</select><br>
<!创建菜单>

number:<input type="number" min="0" max="10"><br>
<!数字输入，其中min指定le最小值，max指定了最大值>

select a number:<input type="range" min="0" max="10" step="1"><br>
<!范围输入，step为间隔>

select a color:<input type="color"><br>
<!选择颜色>

your data:<input type="date"><br>
<!日期输入>

email:<input type="email"><br>
<!e-mail输入>

URL:<input type="url"><br>
<!URL输入>

Tel:<input type="tel"><br>
<!电话号码输入>

<input type="submit"><br>
<!提交输入>