小编总结了 HTML 设置输入框默认值的多种方法,包括value、placeholder、checked、selected属性,直接放置默认文本,以及 JavaScript 动态设置,开发者可按需选择。
使用 value 属性:在元素中,value属性用于设置输入框的默认值。在代码中,输入框会直接显示 “默认值” 文本,这种方式简单直接,常用于普通文本输入框。
使用 placeholder 属性:placeholder属性同样能设置输入框的默认文本,如。输入框会显示灰色的 “默认文本”,用户输入时文本自动消失,起到提示作用,不会作为输入内容提交,适用于给用户提示输入内容的场景。
设置默认选中的 radio 按钮:对于一组单选按钮,要使某个按钮默认被选中,可使用checked属性。在选项1等代码中,“选项 1” 对应的单选按钮会默认被选中,checked属性值设为true(也可直接写checked)。
默认选择下拉框中的选项:在下拉框中,设置某个的selected属性为true,就能让该选项默认被选中。如,“选项 2” 会默认显示为选中状态。
设置多行文本框的默认文本:多行文本框使用标签创建,默认文本直接放在标签之间,如,在多行文本框中会显示 “默认文本”。
使用 JavaScript 动态设置默认值:JavaScript 可根据不同条件灵活设置输入框默认值。在代码中,通过获取输入框元素并设置其value属性,实现动态设置默认值,增强页面交互性。

