html - défaut - input type radio css




Comment sélectionner un bouton radio par défaut? (4)

Cette question a déjà une réponse ici:

J'ai quelques boutons radio et je veux que l'un d'eux soit défini comme sélectionné par défaut lorsque la page est chargée. Comment puis je faire ça?

<input type="radio" name="imgsel"  value=""  /> 

Ajouter cet attribut:

checked="checked"

Cela ne répond pas exactement à la question, mais pour quiconque utilise AngularJS essayant d'y parvenir, la réponse est légèrement différente. Et en fait, la réponse normale ne fonctionnera pas (du moins pas pour moi).

Votre code HTML ressemblera assez au bouton radio normal:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

Dans votre contrôleur, vous aurez déclaré la valeur mValue associée aux boutons radio. Pour que l'un de ces boutons radio soit présélectionné, affectez la variable $scope associée au groupe à la valeur de l'entrée désirée:

$scope.mValue="second"

Cela rend le bouton radio "deuxième" sélectionné lors du chargement de la page.


Solution XHTML:

<input type="radio" name="imgsel" value="" checked="checked" />

Veuillez noter que la valeur réelle de l'attribut checked n'a pas vraiment d'importance; c'est juste une convention pour assigner "checked" . Plus important encore, les chaînes comme "true" ou "false" n'ont pas de signification particulière.

Si vous ne visez pas la conformité XHTML, vous pouvez simplifier le code pour:

<input type="radio" name="imgsel" value="" checked>

Utilisez l'attribut checked.

<input type="radio" name="imgsel"  value="" checked /> 

ou

<input type="radio" name="imgsel"  value="" checked="checked" /> 




radio-button