Input

100%

✓ Published0🌍 Public

Last edited Nov 7, 2019

Created on Sep 24, 2019

This example demonstrates two groups of radio buttons for selecting options, with a form that captures and displays the chosen contact method as text output. The page combines static HTML form elements with a JavaScript event listener that uses the FormData API to log submitted values. Styling relies on CSS with monospace fonts, rem-based spacing, and a highlighted class for visual emphasis. The code uses standard browser APIs—including addEventListener, preventDefault, and querySelector—to handle form submission without any external visualization libraries.

AI-generated description

Cars report

MIT Licensed

Similar vizzes

Loading thumbnail…

test ver.

This example presents a user-input form for collecting metadata about video uploads, including category, day, time, weather, and air quality. Built as a plain HTML page with inline JavaScript, it uses radio buttons organized into named groups to capture the five selections. The `get_X_INPUT()` function iterates over these node lists to store the chosen values in a `user_info` array, logging the result to the console. No external styling or rendering libraries are used beyond basic CSS and DOM APIs.

Nnick-B0095

67% match

Loading thumbnail…

html: form radiobutton

This example demonstrates a minimal HTML form control for a radio button, showing a single selectable option with an associated label. The code uses native HTML markup with the `input` element set to `type="radio"` and a `name` attribute of `"set-radio"`, paired with a `label` element using the `for` attribute to link it to the input’s `id`. The rendering relies entirely on the browser’s default styling for form elements, with no external libraries or custom JavaScript. The interaction is limited to toggling the radio button’s checked state, as defined by the HTML specification. No data source or advanced visualization API is involved; the example focuses solely on the structural and semantic foundation of a radio-button input.

BBraMKJ

66% match

Loading thumbnail…

html: form select

This example demonstrates a basic HTML form control: a `<select>` dropdown menu populated with the numeric options 0 through 3, where the first option is preselected. The code uses native HTML `<select>` and `<option>` elements, requiring no external libraries or JavaScript. It shows how a simple, static dropdown is structured in a form, with the selected value defaulting to "0" on page load. The rendering relies entirely on the browser’s built-in form styling and interaction handling, making it a minimal, self-contained illustration of a standard user-input widget.

BBraMKJ

63% match

Loading thumbnail…

React Radio Buttons

This example demonstrates a simple React user interface where two radio buttons, labeled Size and Count, toggle a selection. The interface uses React’s `useState` hook to track the currently chosen value, which is logged to the console on change. The `Radio` component receives an `onSelectedValueChange` callback prop, invoked with the selected `event.target.value` upon input change. Built with React 16.13.1 and rendered via `ReactDOM`, it showcases controlled component state management without any external data or visualization libraries.

NNarottam Medhora

62% match

Loading thumbnail…

D3 Radio buttons

This example shows a scatterplot of 200 randomly generated points, with radio buttons that filter points by their x-value. Selecting a threshold highlights points above that value in red while leaving the rest black. The code uses D3 v7 to create the SVG, scales, and axes, and attaches click handlers to the radio inputs. The transition method animates the fill color change over 500 milliseconds.

KKaustav Sen

60% match

Loading thumbnail…

Login & Registration Form

This example presents an interactive login and registration form built with HTML and CSS, featuring a toggle between two views. The interface uses a hidden checkbox (`#check`) to switch between the login and signup forms, with CSS transitions on the submit buttons for hover feedback. The design is styled with the Poppins font from Google Fonts, and the form inputs are purely presentational, with no backend or validation logic. The implementation relies on vanilla JavaScript only for the checkbox interaction, while the visual styling and layout are handled entirely through the included stylesheet.

SSriyaI

58% match

Loading thumbnail…

Untitled

This example demonstrates interactive manipulation of a text paragraph’s style and visibility through three buttons. The interface uses plain HTML, CSS, and JavaScript, with inline `onclick` handlers calling custom functions that directly modify the element’s `style` properties, such as `color`, `fontSize`, `fontStyle`, and `visibility`. No external libraries or frameworks are used; the page consists of a single `index.html` file with embedded scripts.

Wwoojinsong

58% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple HTML quiz form that tests the user's knowledge of computer platforms, with radio buttons for Windows, Apple, and Unix. It evaluates the selected answer using JavaScript, increments a score counter for correct responses, and displays an alert if the answer is wrong. The page also shows the current time using the JavaScript `Date` object and `getElementById` to update the displayed timestamp. The code relies on vanilla HTML form elements, inline event handlers, and basic DOM manipulation without external libraries.

NNita

58% match