Hvordan Target et skjema innsending til en iFrame

Hvordan Target et skjema innsending til en iFrame


Når et skjema sendes inn i HTML, er det vanligvis går til samme side som selve skjemaet ligger på. Dette kan endres og skjemaer kan sendes til forskjellige sider, eller til en annen iframe innenfor samme side. Dette oppnås ved hjelp av "target" egenskap som er satt inn i formen tag. Ved å sende inn et skjema til en annen iframe, bare en del av siden har for å laste, mens alle andre iframes kan forbli statisk.

Bruksanvisning

Iframe Setup

1 Lag to iframes i HTML-siden, ved hjelp av "<iframe>" åpen tag og "</ iframe>" tett tag.

2 Lag et "navn" attributt for hver iframe og tilordne en verdi til det. Et eksempel på koden vil være:

<Iframe name = "iframe1"> </ iframe>

<Iframe name = "iframe2"> </ iframe>

3 Sett inn innhold i hver av de iframes som nødvendig og lagre websiden. Innholdet bør gå i mellom iframe-koder. Et eksempel på kode ville være;

<Iframe name = "iframe1"> iframe1 innhold går her. </ Iframe>

<Iframe name = "iframe2"> iframe2 innhold går her. </ Iframe>

Opprett HTML-skjema

4 Lag et skjema ved å bruke "<form>" åpen tag og "</ form>" close tag. Legg i navnet, metode og handlings attributter. Et eksempel på kode ville være;

<Form action = "example.php" method = "post" name = "eksempel"> </ form>

5 Legg til skjemaelementer, for eksempel tekstbokser og en send-knappen. Koden for disse skal gå i mellom skjema koder.

6 Legg til "target" attributt i skjemaet tag og sette verdien til navnet på iframe som du ønsker å sende data. Et eksempel på kode ville være;

<Form action = "example.php" method = "post" name = "eksempel" target = "iframe1">

Hint

  • Sørg for at du gir ditt navn attributter en nyttig verdi som er lett å referere til. Vurder å bruke "src" -attributtet i iframe-koder, og holde HTML-koden for din iframe i en egen side.