mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-23 20:53:06 +00:00
30 lines
974 B
Rust
30 lines
974 B
Rust
//! Forms
|
|
//!
|
|
//! Dioxus forms deviate slightly from html, automatically returning all named inputs
|
|
//! in the "values" field
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::desktop::launch(app);
|
|
}
|
|
|
|
fn app(cx: Scope) -> Element {
|
|
cx.render(rsx! {
|
|
Router {
|
|
div {
|
|
h1 { "Form" }
|
|
form {
|
|
onsubmit: move |ev| println!("Submitted {:?}", ev.values),
|
|
oninput: move |ev| println!("Input {:?}", ev.values),
|
|
input { r#type: "text", name: "username" }
|
|
input { r#type: "text", name: "full-name" }
|
|
input { r#type: "password", name: "password" }
|
|
input { r#type: "radio", name: "color", value: "red" }
|
|
input { r#type: "radio", name: "color", value: "blue" }
|
|
button { r#type: "submit", value: "Submit", "Submit the form" }
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|